Skip to content

Top 10 favorite libraries I use on React projects:


    1. react-query

    React Query is a pre-configured library that aims to solve these complexities. Using React Query, we can fetch, cache, and update data in React-based applications in a simple and declarative manner without mutating the global state

    2. styled-components

    Styled Components are one of the new ways to use CSS in modern JavaScript. It is the meant to be a successor of CSS Modules, a way to write CSS that’s scoped to a single component, and not leak to any other element in the page

    3. yup

    It can be used with HTML input fields and custom validation rules, or Yup and the custom components it provides. Formik makes form validation easy! When paired with Yup, they abstract all the complexities that surround handling forms in React. Yup is a JavaScript object schema validator.

    4. framer-motion

    A production-ready motion library for React. Utilize the power behind Framer, the best prototyping tool for teams. Proudly open source.

    5. big js

    A small, fast JavaScript library for arbitrary-precision decimal arithmetic. This fork allow you to prevent errors from the library name

    6. axios

    Axios is a Javascript library used to make HTTP requests from node. js or XMLHttpRequests from the browser and it supports the Promise API that is native to JS ES6. It can be used intercept HTTP requests and responses and enables client-side protection against XSRF. It also has the ability to cancel requests.

    7. formik

    Formik is a small group of React components and hooks for building forms in React and React Native. It helps with the three most annoying parts: Getting values in and out of form state. Validation and error messages

    8. jest

    Jest is an open-source testing framework built on JavaScript, designed majorly to work with React and React Native based web applications. Often, unit tests are not very useful when run on the frontend of any software. This is mostly because unit tests for the front-end require extensive, time-consuming configuration.

    9. react-testing-library

    React Testing Library is a set of helpers that let you test React components without relying on their implementation details. This approach makes refactoring a breeze and also nudges you towards best practices for accessibility.

    10. dayjs

    Day. js is a minimalist JavaScript date library for parsing, validating, manipulating, and formatting dates. It is an alternative library to Moment. js and has largely compatible API.