Add documentation explaining some architectural concepts #4357

	name: Validate Platforms/Browsers

	on:
	workflow_dispatch:
	push:
	branches:
	- master

	pull_request:
	branches:
	- master

	schedule:
	- cron: 0 7 * * 3

	jobs:
	cross-platform_cross-browser:
	runs-on: ${{ matrix.os }}

	strategy:
	fail-fast: true
	matrix:
	os: [ubuntu-latest, windows-latest, macos-latest]

	env:
	PLAYWRIGHT_BROWSERS_PATH: 0

	steps:
	- name: Set git to use LF
	if: ${{ matrix.os == 'windows-latest' }}
	run: \|
	git config --global core.autocrlf false
	git config --global core.eol lf

	- name: Checkout Branch
	uses: actions/checkout@v2

	- if: ${{ github.event_name == 'pull_request' }}
	run: \|
	git fetch --no-tags --prune --depth=1 origin +refs/heads/master:refs/remotes/origin/master

	- name: Cache multiple paths
	uses: actions/cache@v2
	env:
	cache-name: cache-node-modules
	with:
	path: ~/.npm
	key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-build-${{ env.cache-name }}-
	${{ runner.os }}-build-
	${{ runner.os }}-

	- name: Install package dependencies
	run: npm ci

	- name: Test Prettier format
	run: npm run format:check

	- name: Build workspaces
	run: npm run build

	- name: Install playwright dependencies and browsers
	run: \|
	npx playwright install

	- name: Run tests in all Packages
	run: npm run test

Provide feedback