React boilerplate or React starter kit is an initial setup for React project that can be used to save your time every time you develop a React app. A React boilerplate usually built based on the project type and the libraries used.
Using a react boilerplate will save your time setting up the project structure, dependencies, and build configuration.
There are a lot of boilerplates out there that can be used in your project. But, choosing the right one isn’t simple as it seems since most of the boilerplates are very opinionated and depend on libraries that may not be used in your project.
Before you use a boilerplate, I want to remind you that if you’re just starting with react, I don’t recommend using one because it will only confuse you.
Using the official create-react-app boilerplate is enough if you’re just starting to learn React. You can learn and use this React project structure as well to expand your knowledge on how to structure a React project.
In this post, I curated the best 15 react boilerplates and starter kits for different kinds of projects from Github, ranked by popularity. But, just because a boilerplate is more popular than the others, doesn’t mean that it’s the best for your project.
You have to check and read the details first before you use it, so you know whether it’s suitable or not for your project.
1. React Boilerplate
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
2. React Starter Kit
React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
3. Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
4. React Redux Universal
A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform
5. React Slingshot
8. React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
9. ARc – Atomic React
10. React PWA
11. React Most Wanted
Starter kit with “Most Wanted” application features
12. React Redux Typescript Boilerplate
A bare minimum frontend boilerplate with React 16, Typescript 3 and Webpack 4
13. React Redux Boilerplates
Awesome React / Redux boilerplate and tutorial.
14. React Starterify
A minimal React JS application starter kit
16. Do you know another boilerplate?
Feel free to share another boilerplate in the comment below if you think it is worth mentioning.
I hope you enjoy this post.