React Frameworks

Updated Sep 02, 2021#react#frameworks#lists

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.

  • Next - 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.
  • Gatsby - 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.
  • Create React App (CRA) - 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.
  • React Admin - A React Framework for building data-driven applications running in the browser, on top of REST/GraphQL APIs, and using Material Design.


When to use what? - Above framworks handle many things for you by including neccessary libraries, and also very opinionated in toolchain selections. It’s recommended to try CRA if building a single-page app, Next if building SSR website, Gatsby if building a static content-oriented website, and React Admin if building a dashboard.