image

React frameworks

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

image

www.gatsbyjs.com

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

image

nextjs.org

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.

React Admin

image

marmelab.com

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

image

create-react-app.dev

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.