20 Best Libraries and Tools for React Developers

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
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • stylelint

    A mighty CSS linter that helps you avoid errors and enforce conventions.

  • Stylelint helps prevent errors and ensures style conventions.

  • reselect

    Selector library for Redux

  • Reselect is a library for creating memoized “selector” functions. Commonly used with Redux, to slice state and provide just the necessary subtree to a React component.

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

    A JS library for predictable global state management

  • When React applications start growing and becoming more complex, managing communication between components can become problematic. When using regular React, the way to communicate is to pass down values and callback functions as props to the child components. However, this can be tedious if there are a lot of intermediary components that the callback must pass through. To address these state communication and management-related issues as the React application grows, Frontend Developers turn to use React with the Redux library. Redux utilizes some architecture patterns that enforce changing states in a React application from a central location. It is really useful when you want to solve common programming problems, develop and manage your application more quickly.

  • cross-env

  • Cross-env runs scripts that set and use environment variables across various platforms.

  • i18next

    i18next: learn once - translate everywhere

  • i18next is a very popular internationalization framework for browsers or any other javascript environment.

  • prettier

    Prettier is an opinionated code formatter.

  • Prettier is an opinionated code formatter, it enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. It is very useful to keep your code readable and make sure that the code format stays consistent when working in a team.

  • Yup

    Dead simple Object schema validation

  • Yup is a JavaScript schema builder for value parsing and validation. It defines a schema, transforms a value to match, validates the shape of an existing value, or both. Yup schema is extremely expressive and allows modeling complex, interdependent validations, or value transformations.

  • 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
  • material-ui-docs

    ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:

  • MUI formerly called Material UI is a React component library developed by Google in 2014 that offers accessible, robust, production-ready, customizable, and reusable code components for faster web development. It uses grid-based layouts, animations, transitions, padding, and many more. It also specifies a large set of standard icons.

  • moment

    Parse, validate, manipulate, and display dates in javascript.

  • Moment is a JavaScript date library for parsing, validating, manipulating, and formatting dates. It allows displaying of date as per localization and in a human-readable format.

  • jest

    Delightful JavaScript Testing.

  • Jest is a JavaScript testing framework designed to ensure the correctness of any JavaScript codebase. It allows you to write tests with an approachable, familiar, and feature-rich API that gives you results quickly. It is well-documented, requires little configuration, and can be extended to match your requirements. You can use it as a test runner for your React App.

  • ESLint

    Find and fix problems in your JavaScript code.

  • ESLint is a JavaScript and TypeScript linting tool, which means it analyses source code and identifies possible programming problems and errors. It underlines errors in red and warnings in yellow. It is very useful to cover coding styles issues.

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