React starter with drawer menu and then some ⛵

Description

When starting a new project, we generally use the same libraries and it's helpful to have some examples of that bunch of libraries in a working project.

In the different sections of this React app you will find examples of use for these libraries you can look into before you integrate them into your project.

✨ Click here to check the final result!

In the case you are only interested just in the first basics examples, you can checkout the different tags.

Take a look also at branch auth0 to see how you can add authentication using Auth0

Material mini drawer layout - tag 1.0

Utilities included:

• Material UI @material-ui/core
• React router react-router-dom
• Styled components styled-components
• React icons react-icons

Table - tag 2.0

Utilities included:

• React Table react-table

Form validation - tag 3.0

Utilities included:

• Formik formik

Redux with persistence

Utilities included:

• React Redux react-redux
• Reselect reselect

Instructions

1. Use Node 14 version, using nvm you can:

# set Node 14 in current terminal
nvm use 14
# set Node 14 as default (new terminals will use 14)
nvm alias default 14

1. Clone the repo and cd into
   
   git clone https://github.com/s4nt14go/react-starter
   
   
2. (Optional) In the case you want to checkout one of the intermediary tags you can do it with the following command, which also starts your own branch
   
   git checkout tags/2.0 -b my-branch
   
   You have to replace the tag number for the one you want.
   
   
3. Install dependencies
   
   npm ci
   
   
4. Run the project
   
   npm start