DX Improvements

[swissspidy]

WIP

Ideas:

• Use something like yarn workspaces or Lerna to make distinction between packages clearer (Improve package organization #1735)
• React Fast Refresh for the editor & dashboard (React Fast Refresh #3689)
• Improving local development environment (Use wp-env package for Docker environment #2521)
• Improving storybook playground (Get storybook playground into basic, functional state #374)
• Auto-deployment for pull requests (QA Environment for Pull Requests #1398)
• Improve Getting Started documentation (Update developer documentation (first pass) #1476)
• Improve build/release process (auto upload artifacts, add commit hash to version number, etc.) (Updated Build and Continuous Integration Tooling #1096)
• Issue and PR templates (Revive issue and PR templates #304)
• Use code owners feature (Set up code owners #379)
• Implement PHPStan
• Adopting a way to keep track of bundle size (bundlesize, compressed-size-action, webpack-bundle-analyzer)
• Adopting something like Release Drafter to keep an up-to-date changelog (Configure Release Drafter GitHub action #325)

---

Prior Art:

• Local development environment using Docker (Add back local development environment #138)
• Storybook
• GitHub Action to update list of bundled Google Fonts (Add GitHub action to periodically update list of Google Fonts #131)
• Adopting Prettier for (almost) all file types (Leverage Prettier #156)
• Improving linter config for things like license headers (Use eslint-plugin-header for license headers #245)
• Automating some changes to SVGs (Use svgr for SVGs #244, Use regex for svgo’s currentColor replacement #315)