A Incredible List of npm Packages for React Developers

UI component libraries

  1. antd β€” Ant Design is an enterprise grade UI design system.
  2. @material-ui/core β€” React Material UI components
  3. react-bootstrap β€” Bootstrap 4 components built with React
  4. react-bulma-components β€” React component for Bulma framework
  5. semantic-ui-react β€” A React component library
  6. office-ui-fabric-react β€” The React-based front-end framework for building experiences for Office and Office 365
  7. reactstrap β€” Stateless React Components for Bootstrap 4
  8. rebass β€” React primitive UI components built with styled-system
  9. @appbaseio/reactivesearch β€” React UI components for Elasticsearch

Individual UI components

  1. @tippy.js/react β€” The complete tooltip and popover solution for React apps
  2. react-spinners β€” A collection of loading spinners with React.js based on Halogen
  3. react-loader-spinner β€” react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view
  4. react-spinners-kit β€” A collection of loading spinners built with styled-components
  5. draft-js β€” Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model
  6. react-custom-scrollbars β€” Custom scrollbars for React
  7. react-select β€” The Select control for React
  8. react-dropdown β€” Simple Dropdown component for React, inspired by react-select
  9. react-horizontal-scrolling-menu β€” A horizontal scrolling menu component for React
  10. react-collapsible β€” React responsive collapsible section component
  11. react-calendar β€” Calendar component for React
  12. react-datepicker β€” A simple and reusable Datepicker component for React
  13. react-table β€” react-table is a lightweight, fast and extendable datagrid built for React
  14. react-awesome-button β€” A button component for React
  15. react-compound-slider β€” React Compound Slider is a tiny (4.3kb) slider component with no opinion about markup or styles
  16. rheostat β€” A mobile, tablet, desktop, and accessible slider for the web by Airbnb
  17. react-checkbox-tree β€” A simple and elegant checkbox tree for React
  18. recharts β€” Recharts is a Redefined chart library built with React and D3
  19. react-chartjs-2 β€” React wrapper for Chart.js 2
  20. react-vis β€” A collection of react components to render common data visualization charts
  21. victory β€” React.js components for modular charting and data visualization
  22. react-modal β€” Accessible modal dialog component for React.JS
  23. react-responsive-modal β€” A simple responsive and accessible react modal compatible with React 16 and ready for React 17
  24. react-slick β€” Carousel component built with React. It is a react port of slick carousel
  25. react-responsive-carousel β€” A responsive carousel component for React
  26. pure-react-carousel β€” A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with almost no limits on DOM structure or CSS styles
  27. react-grid-gallery β€” Justified image gallery component for React inspired by Google Photos and based upon React Images
  28. react-images β€” A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS
  29. react-image-lightbox β€” A flexible lightbox component for displaying images in a React project
  30. react-tabs β€” An accessible and easy tab component for ReactJS

CSS in JS

  1. styled-components β€” Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress
  2. emotion β€” A CSS in JS library
  3. radium β€” Radium is a set of tools to manage inline styles on React elements. It gives you powerful styling capabilities without CSS

Http clients

  1. axios β€” Promise based HTTP client for the browser and node.js
  2. apisauce β€” An http client built on top of axios
  3. request β€” Request is designed to be the simplest way possible to make http calls. It supports HTTPS and follows redirects by default
  4. superagent β€” Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features

Routing

  1. react-router-dom β€” DOM bindings for React Router
  2. universal-router β€” A simple middleware-style router that can be used in both client-side and server-side applications
  3. connected-react-router β€” A Redux binding for React Router v4 and v5

State management

  1. redux β€” Redux is a predictable state container for JavaScript apps
  2. react-redux β€” Official React bindings for Redux
  3. mobx β€” MobX is a battle tested, simple and scalable state management library transparently applying functional reactive programming (TFRP)
  4. redux-saga β€” redux-saga is a library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage
  5. redux-thunk β€” Thunk middleware for Redux
  6. redux-persist β€” Persist and rehydrate a redux store

--

--

--

Hakcer EAT_SLEEP_HACK_REPEAT | cybersecurity

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Make Stunning Sites with Parallax Effect Using React-Spring

How to clear a displayed message using setTimeout with example(Vanilla JS)

Nuxt NFT dApp with MetaMask and Ethers.js - Wallet Plugin

The steps of compilation

JS is weird and I can prove itβ€Šβ€”β€Špart 01

My Beginning with Angular

Test Essay (Not scheduled)

Why should we all use TypeScript?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nishant Tiwari

Nishant Tiwari

Hakcer EAT_SLEEP_HACK_REPEAT | cybersecurity

More from Medium

Creating a React Toolchain from Scratch. Part1.

React: how to use the useContext hook in combination with the useReducer and firebase for user…

How to Setup and Use Redux with React

Learn Fetch API with React Hooks By Building a simple application