Skip to content

smakosh/CRA-boilerplate

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

CRA boilerplate

Getting started

1- Clone the repository

git clone git@github.com:smakosh/CRA-boilerplate.git

2- Create an account on the following platforms if you'd like to use them

  • Google Recaptcha
  • Google Analytics
  • Twitter
  • Sentry
  • Vercel (Highly recommended to deploy your React app smoothly)

3- Create your .env file locally on dev environment

cp .env.development.template .env

Installation and kickstart

4- Install dependencies using Yarn

yarn

5- Start your React app

yarn start

Features

  • Uses a feature based file structure
  • Context API used effectively following Kent C. Dodds's article
  • Reusable logic with React hooks
  • UI elements separated from the features, so that you can push them as an UI library on NPM in the future as your project grow and you start to export features as their standalone apps
  • Authentication already built in
  • Code splitting of your Authenticated/Unauthenticated routes using Supense and React.lazy
  • Helpers functions
  • SEO component ready and configured for you
  • Interfaces per feature

TODO

  • Add react-query to handle server state
  • Replace useFetchUser with a useQuery
  • Move to cookies
  • Setup React testing library
  • Setup Cypress
  • Setup Ontwik-UI with react-flex-ready
  • Include the full auth flow with reset and forgotten password

License

This project is licensed under the MIT License - see the LICENSE.md file for more details