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
Utilities included:
- Material UI @material-ui/core
- React router react-router-dom
- Styled components styled-components
- React icons react-icons
Utilities included:
- React Table react-table
Utilities included:
- Formik formik
Utilities included:
- React Redux react-redux
- Reselect reselect
- 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
- Clone the repo and
cdinto
git clone https://github.com/s4nt14go/react-starter - (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. - Install dependencies
npm ci - Run the project
npm start