cra-template-quentinvdr

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

Development

To install and update this template

• Clone the project
• Run these commands :

# Publish this template
npm publish --access public

Usage

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

# Use this template
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

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