DEV Community

James Murdza
James Murdza

Posted on

1

The 20 most used React libraries

The libraries in this list cater to a wide array of needs from user interface design to data management and animations. If you're a front-end developer using React, you will run into these eventually, so might as well get familiar with them now!

  1. react-router-dom: Simplifies client-side routing for multi-page web apps. Learn more

  2. axios: The go-to choice for hassle-free HTTP requests and API calls. Learn more

  3. react-redux: A powerhouse for efficient state management and data flow control. Learn more

  4. react-bootstrap: Speeds up UI development with pre-designed responsive components. Learn more

  5. styled-components: Allows for maintainable styling with CSS-in-JS. Learn more

  6. @material-ui: Offers Material Design-inspired UI components for modern aesthetics. Learn more

  7. moment: Handles date and time manipulations with ease. Learn more

  8. react-icons: Quickly integrate a variety of icons into your React app. Learn more

  9. @emotion/react: Elevates your styling game with CSS-in-JS capabilities. Learn more

  10. lodash: Provides a wealth of utility functions for data manipulation. Learn more

  11. classnames: Makes dynamic CSS class application a breeze. Learn more

  12. @fortawesome/react-fontawesome: Access Font Awesome icons with customization options. Learn more

  13. firebase: Simplifies serverless functionality integration into your app. Learn more

  14. react-toastify: Enhance user experience with customizable toast notifications. Learn more

  15. antd: Empowers you with enterprise-level UI components and layouts. Learn more

  16. uuid: Generates universally unique identifiers for various purposes. Learn more

  17. date-fns: Simplifies date and time operations with a robust library. Learn more

  18. history: Effortlessly manage session history in single-page apps. Learn more

  19. framer-motion: Add smooth animations and transitions to your React components. Learn more

  20. react-select: Create highly customizable and user-friendly select inputs in your React applications. Learn more

(Sourced from a survey of over 600 popular repositories.)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (4)

Collapse
 
manchicken profile image
Mike Stemle • Edited

Since this is not your original work, it is customary to cite your source. It’s especially important since some of these recommendations do seem out-of-date.

Collapse
 
jamesmurdza profile image
James Murdza • Edited

Yep, this is the original! These are just the most used libraries, perhaps not the newest. I compiled this list myself from the top repositories on GitHub.

Collapse
 
manchicken profile image
Mike Stemle • Edited

Sourced from a survey of over 600 popular repositories

Then what did you mean by this ? Which survey ?

Thread Thread
 
jamesmurdza profile image
James Murdza

I created a script to analyze the most popular repositories on GitHub created with create-react-app.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay