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»