React Template

React template for school projects.

Librairies

Technology stack

• Library/Framework JS : React
• Langage : JavaScript
• Package Manager : pnpm
• Builder : Vite
• Linter/Code formatter : EsLint / Prettier

Librairie Majeur

Internalization :

• i18next
• React-i18next

Data management :

• React-Query → Async data fetching and caching (Cache, Promise state management, etc)
• Axios → HTTP client based on Promise to communicate with the Back-end part
• Zustand → State management library
• PropTypes → Type checking for React props and similar objects

Routing :

• React-router-dom → Library used to manage routing and navigation between the pages of the application

CSS :

• Material UI → UI Library components
• Sass → CSS preprocessor that adds features to CSS. It allows, among other things, to better structure and simplify the code, to avoid repetitions, etc

Icons :

• Material Icons → Ready-to-use icon library

Usage

To use this template go to our workspace folder and run this command :

# Use this template (replace "my-app" by your project name)
npx create-react-app my-app --template quentinvdr

# Use this template with local update
npx create-react-app my-app --template file:[relative-path-to-template-folder]/cra-template-quentinvdr

# Rename all the "my-app" by your project name

then refer to the README.md file in the generated project.