RTB - Redux Typescript Boilerplate

RTB is a front-end project driver based on cra.
RTB uses libraries such as Redux, Redux-toolkit, Redux-saga and typescript and is suitable for enterprise projects

environment

create-react-app 1.0.0 added built-in support for configuration files targeting the three pre-defined environments (development, test, and production)

- Variables can be defined in your shell or in a _.env_ file at the project root.
- Only variables starting with REACT_APP_ are imported.
- Imported values are placed in process.env, for example process.env.REACT_APP_SECRET_CODE.
- The development server must be restarted to see new/updated variables.
- Variables from the shell take precedence those in a _.env_ file.
- The value ofNODE_ENV is set automatically to development (when using npm start), or production (when using npm build). Thus, from the point of view of create-react-app, there are only three environments.

Read More

Prettier and Eslint

Prettier

Prettier is an opinionated code formatter with support for JavaScript, JSX, TypeScript etc..

- Configuration File
- Options : Prettier Options
- Husky : Modern native Git hooks made easy
- Pretty-quick : Runs Prettier on your changed files.

Eslint

Find and fix problems in your JavaScript code

- Tutorial Create-React-App with TypeScript, ESLint, Prettier,

Read More»