Skip to content
Beaf React App bootstrapped in 24 hours
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
src add unbiased badge May 19, 2019
.prettierrc meh Nov 16, 2018

Custom React Boilerplate


  • Stateless functional components using Recompose
  • Private and public routes using React-router-dom
  • Redux store setup and configured
  • Nice file structure
  • Eslint
  • PWA
  • Client side error handling with formik and validation with yup
  • Server side errors show up easily, you need to pass the right errors object from the backend
  • Async/Await implemented on actions

and more....

Libraries used

"axios": "^0.18.0",
"formik": "^1.3.0",
"react": "^16.6.3",
"react-dom": "^16.6.3",
"react-helmet": "^5.2.0",
"react-redux": "^5.0.7",
"react-router-dom": "^4.3.1",
"react-scripts": "2.0.3",
"react-spinkit": "^3.0.0",
"recompose": "^0.30.0",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0",
"styled-components": "^4.1.1",
"yup": "^0.26.5"


1- Create a .env.local file on the root of the app and pass on these env variables:

2- Run yarn && yarn start and your react app will be running on localhost:3000

3- Update the endpoints and play around.


  • Open source a simple rest api with auth ready and server side error handling:
  • Write an article connecting that api with this boilerplate
  • Apply redux-thunk
  • Prepare most common used elements (buttons, form fields...)
You can’t perform that action at this time.