7 Tools and Frameworks for Faster Development in React

1. nwb

   1 1 5,570 0.0 JavaScript

   Discontinued 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.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. Gatsby

   2 372 55,855 8.5 JavaScript

   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.

4. webpack

   3 367 65,274 9.8 JavaScript

   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.

5. storybook

   4 354 86,631 10.0 TypeScript

   Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

   

   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.

6. razzle

   5 15 11,106 0.0 JavaScript

   ✨ 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.

7. Next.js

   6 2,331 131,829 10.0 JavaScript

   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.

Suggest a related project