React based frameworks with built-in styling, routing, and many more features
React is defined as an UI library than a complete web framework, to build an application with React you need to include many more 3rd-party libraries to handle many concerns like styling, routing, state management, bundling, development server, hot reloading, etc.
Following React-based framworks handle above concerns by including neccessary libraries for you, and also very opinionated in toolchain selections. The React team primarily recommends these solutions:
- If you’re learning React or creating a new single-page app, use Create React App.
- If you’re building a server-rendered website with Node.js, try Next.js.
- If you’re building a static content-oriented website, try Gatsby.
Gatsby is a React-based open source framework for creating websites and apps. Build anything you can imagine with over 2000 plugins and performance, scalability, and security built-in by default.
Next.js is a React-based framework gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and no config needed.
A React-based framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, and Material Design.
Create React App
Create React App (CRA) is more of a tool than a framework but you can consider as one when it supported many features out-of-the-box, an officially supported way to create single-page React applications, and offers a modern build setup with no configuration.