A personnal cra-template based

Front-end Exclusively

Install ReactJS with some additionals packages

Eslint is configured on preset airbnb with 3 rules in "warn"

Custom Readme

Work this NodeJs >= 12

Additionals Dependencies Packages:

🗸 「 REACT-ROUTER-DOM latest 」

Additionals Dev Dependency Package:

🗸 「 PRETTIER latest 」 🗸 「 ESLINT latest 」 - And Co'

You can activate Preflight if Eslint not work with your current install

Its allow Eslint to work with your current ReactApp. You can find it in .env, this line : Uncomment and reboot the app.

SKIP_PREFLIGHT_CHECK=true

Eslint configuration:

🗸 Preset: airbnb

3 rules in "warn":

• react/prop-types
• react/function-component-definition
• no-console

Jsconfig

🗸 I've created a configurated jsconfig.json for this project who work fine with Visual Studio Code. So, use it if you want !

Be sure to use the right command at installation:

• NPX

  npx create-react-app my-app --template kd974-basic

• NPM

  npm init react-app my-app --template kd974-basic

• YARN

  yarn create react-app my-app --template kd974-basic

• PNPM

  pnpm create react-app my-app --template kd974-basic

After installing, launch this command to fix potential error with eslint (not required)

These command fix eslint to work with prettier. I don't know why its required but you can't use this template without doing this if you have the error: "prettier/prettier" Use this only if you have this error.

• NPM

  npm update -R eslint

• YARN

  yarn update -R eslint

Back to Top

For more information, please refer to:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.
• Default Template – Template installed if no template option passed.
• Cra-Template – Used in the official Create React App