React Modern Boilerplate

When first getting started with a new react app you will need to install all of the annoying dependencies and make the 'boilerplate' react-dom setup. This boilerplate project will get you up and running with modern dependencies and typescript so you can focus on the code.

What Modern Dependencies Is Included?

• React Router DOM: Allows routing in a SPA context aswell as a NonSPA Context
• Styled Components: Allows you to do CSS in components to reduce coupling.
• Typescript: All modern reactapps should force typescript as it reduces logic errors.
• React Query: Allows state management in a nice easy format, also gives you nice dev tools in a non production context.
• Node SASS: Allows you to write css in a SCSS file, which will compile down to a efficient CSS file in production.
• Axios: Modern javascript HTTP requests and GraphQL.

Dev, Build, Test

Run In Development

yarn start OR npm run start

Build For Production

yarn build or npm run build

Test

yarn test or npm run test

What Is React?

If you are just getting started with react please follow the official react docs, don't try going straight into a boilerplate setup like this or you will be overwhelmed. https://reactjs.org/docs/getting-started.html