This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptions
property like this:
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
- Replace
plugin:@typescript-eslint/recommended
toplugin:@typescript-eslint/recommended-type-checked
orplugin:@typescript-eslint/strict-type-checked
- Optionally add
plugin:@typescript-eslint/stylistic-type-checked
- Install eslint-plugin-react and add
plugin:react/recommended
&plugin:react/jsx-runtime
to theextends
list
-
For every feature, page section, or page that you are assigned, create a new branch (with a name that represents your task) and work there. When you are done, make a PR to the main branch and add 2 reviewers: Me and Tunji
-
DO NOT merge to main without someone reviewing your code.
-
Make sure you write a detailed description alongside every PR about how it can be tested
-
Also note that components should go in the
components
folder, page sections should go into thesections
folder and pages should go into thepages
folder -
To Run the app, open the folder and run the dev command:
-
yarn run dev
To make a PR kindly use the format below
### Description
Give a simple overview of what this PR is for
### Changes
- List the changes made
- You can go into little detail so others can understand