README.md

React stack playground

The main purpose of this project is to study web applications development based on react stack

TODO list

• Key technologies
  • TypeScript
  • UI library: React
  • bundler: Webpack
  • Sass + PostCSS(autoprefixer and friends)
• Quality:
  • CI: base on github actions
  • E2E testing: testcafe
  • unit & international testing: jest + testing-library
  • Hyper strong TypeScript config
  • EsLint
  • Stylelint
  • Review tools of minimizing for production
• Build:
  • add tslib
• App:
  • localization
  • form handling(ui/server validation, form state)
  • Store
    • Redux
    • type safety with redux:
    • actions naming the best approach in terms of minimal boilerplate|strong typing|no unneeded abstractions/libs in my opinion
  • Effects/async flow: RxJs(rxjs/observable)
  • Router: router5
  • React related:
    • React.StrictMode
    • try suspense
• Development experience
  • Prettier for formatting(integration with VSCode)
  • HMR for CSS
  • commit format & commit-based changelog generation