DEV Community

James Murdza
James Murdza

Posted on

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.)

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.