React-Recoil-Boilerplate: Typescript

About

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.

Dependencies

List of all dependencies:

React
React-Router-Dom
React-i18next
Recoil
Sass
Yup

List of all dev-dependencies:

ESLint
Prettier
TSConfig

Linting and Formatting

The project comes with ESLint and Prettier already configured with common rules. Ofcourse you can add more or remove them as your needs.

Routing

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.

Styling

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.

Pages

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.