The 20 most used React libraries
James Murdza

James Murdza @jamesmurdza

About: Minimalist hacker

Location:
San Francisco, USA
Joined:
Dec 23, 2023

The 20 most used React libraries

Publish Date: Dec 29 '23
1 4

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

Comments 4 total

  • Mike Stemle
    Mike StemleDec 29, 2023

    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.

    • James Murdza
      James MurdzaDec 30, 2023

      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.

      • Mike Stemle
        Mike StemleDec 30, 2023

        Sourced from a survey of over 600 popular repositories

        Then what did you mean by this ? Which survey ?

        • James Murdza
          James MurdzaDec 31, 2023

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

Add comment