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
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Access the most powerful time series database as a service
  • 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.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • redux

    Predictable state container for JavaScript apps

    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.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • 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