7 Tools and Frameworks for Faster Development in React

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • nwb

    A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

  • Using nwb, you can easily set up a new React project with just a few commands, and you can quickly build, test, and deploy your application without having to manage complex configurations or dependencies yourself.

  • Gatsby

    The best React-based framework with performance, scalability and security built in.

  • Content-rich sites like blogs and online stores need to serve large amounts of complex content efficiently. An old tool like create-react-app is not suitable for this kind of website because it delivers everything as a single large bundle of JavaScript that a browser must download before anything displays. The most suitable solution to that problem is to use Gatsby, a popular React-based open-source static site generator.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  • The next on this list is not a framework but a JavaScript open-source module bundler.Webpack is often used in React applications to bundle the application code and related assets into a single file that can be served to the browser.

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  • Storybook is a tool for displaying libraries of components in various states. You could describe it as a gallery for components, but that’s probably selling it short. In reality, Storybook is a tool for component development. It can be associated with React to build a collection of components that can be viewed in isolation and tested independently.

  • razzle

    ✨ Create server-rendered universal JavaScript applications with no configuration

  • Razzle is a tool for building Universal applications: applications that can execute their JavaScript on the server. Or the client. Or both. Razzle uses a plugin architecture that allows you to change your mind about how you build your application. It will even let you change your mind about building your code in React, Preact, or some other framework entirely, like Elm or Vue.

  • Next.js

    The React Framework

  • Next.js is a tool for generating React applications and server code. The API endpoints and the client pages use default routing conventions, making them simpler to build and deploy than they would be if you manage them yourself. You can find full details about Next.js on the website.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts