cra-template-kd974-basic

KD974-BASIC

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