45 NPM Packages to Solve 16 React Problems

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
  • SWR

    React Hooks for Data Fetching

  • SWR

  • reselect

    Selector library for Redux

  • reselect -> For making faster queries to store.

  • 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
  • storybook

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

  • Storybook

  • create-react-app

    Set up a modern web app by running one command.

  • create-react-app -> Building a single-page application. Good for beginners.

  • axios

    Promise based HTTP client for the browser and node.js

  • axios

  • Sass

    Sass makes CSS fun!

  • sass -> An improvement over CSS. It provides nice features for managing CSS. good for mid-sized or even larger projects.

  • redux

    A JS library for predictable global state management

  • redux with react-redux

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • styled-jsx

    Full CSS support for JSX without compromises

  • styled-jsx -> A library with a lot of similar features like styled-components. Has some extra features here and there.

  • React Intl

    The monorepo home to all of the FormatJS related libraries, most notably react-intl.

  • react-intl

  • Recoil

    Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

  • recoil -> Designed to solve a specific problem. Not good for all use cases. Understand it first! You can learn more about it here.

  • react-paginate

    A ReactJS component that creates a pagination

  • react-paginate

  • react-styleguidist

    Isolated React component development environment with a living style guide

  • react-styleguidist

  • react-ga

    Discontinued React Google Analytics Module

  • react-ga

  • react-redux

    Official React bindings for Redux

  • redux with react-redux

  • react-i18next

    Internationalization for react done right. Using the i18next i18n ecosystem.

  • react-i18next

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

  • react-hook-form

  • Next.js

    The React Framework

  • NextJS

  • awesome-material-ui

    A curated list of Material-UI resources and related projects. The main idea is that everyone can contribute here, so we can have a central repository of informations about Material-UI that we keep up-to-date

  • material-ui

  • JSHint

    JSHint is a tool that helps to detect errors and potential problems in your JavaScript code

  • jshint -> Old library

  • jest

    Delightful JavaScript Testing.

  • jest -> For unit tests

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • chakra-ui -> Recently gaining popularity.

  • antd

    An enterprise-class UI design language and React UI library

  • ant-design -> Less configurable. Limited but nice components.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
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