The project is about providing a react boilerplate together with recoil in typescript. It provides a perfect directory setup for most of the production level projects and is inspired from many open source react projects.
List of all dependencies:
- React
- React-Router-Dom
- React-i18next
- Recoil
- Sass
- Yup
List of all dev-dependencies:
- ESLint
- Prettier
- TSConfig
The project comes with ESLint and Prettier already configured with common rules. Ofcourse you can add more or remove them as your needs.
The routing is being handled with react-router-dom
. There are mainly two types of routes, one of them is authenticated routes and the other ones are public which can be accessed by anyone.
Sass is what is being used for all styling needs as it provides more flexibility and is better than css. It provides modular styling and so is being used in this project.
There are two pages that are available to checkout in this project, one is home-route /
which is public and can be accessed by anyone. The other one is secret-route /secret
which is an authenticated route.