React
Created at
||Updated at
Learn
- Official Docs
- React Tutorial
- React Excercises
- React Philosophies
- Awesome React
- React Slides
- React Patterns
- React Bits
- React Handbook
And a funny (but insightful) take by AI with React is awful.
Libraries
Here are various maintained libraries divided per rough category. They are either tried and found good or not tried but interesting.
File uploading
===
Stores
Special mention to the original libraries, Redux and MobX.
Redux
Here anb here you can find more material regarding React/Redux and here on the Redux action object.
MobX
And welcoming some cool new players.
- zustand
- effector
- jotai
- hookstate
- valtio
- simpler-state
- elf
- legend-state
- xoid
- nanostores
- react-sweet-state
- alveron
- exome
Generic store utils
===
Routing
===
State Machines
- Robot
- X-State (See X-State Catalogue for various implementations of state machines)
===
React Hooks
Various hooks here.
- React Use
- Beautiful React Hooks
- Use Hooks TS
- Use Local Storage State
- React Hotkeys Hook
- React Responsive
- React Use Size
===
Data Fetching
- @tanstack/query
- swr
- data-client
- axios-hooks
- graphql (A graphql client called Relay)
- resourcerer
- hyper-fetch
- normy
===
Real time communication
===
Testing
See also Testing.
===
Styles
===
Animation
===
Components
Collections of components
- Mantine
- Gestalt - Pinterest’s design system
- Base - Uber’s design system
- Evergreen - Segment’s design system
- Fluent UI - Microsoft’s design system
- Stacks - Stackoverflow’s design system
- Orbit - Kiwi.com’s design system
- Elastic - Elastic’s design system
- Spectrum - Adobe’s design system
- Headless UI
- Chakra UI
- Material UI
- Theme
- Ant
- Rainbow
- Radix
- HeroUI
- Tremor
- AriaKit
- Kuma UI
- Prismane
- Reaviz
- dotui
- Base UI
Find more here.
===
Dropdowns
Calendars
Tree view
Charts
You can checkout the basics of data visualisation with React and D3 in The React Graph Gallery.
- Highcharts
- AM Charts
- VisX
- Chart.js
- Recharts
- D3 (And an extensive article on React + D3).
- Apache Echarts
- Plotly
- Nivo
- Victory
- Frappe
- Billboard
- Charts.css
- Apex
- Reaflow
- Mafs
- Unovis
- Observable HQ Plot
- Perspective
- Plotteus
- h5web
3D graphics
- React Three Fiber (Here is a React renderer for Three.js and this is a place to find models).
- Babylon
Loaders
Icons
- react-icons
- styled-icons
- @tabler/icons
- hamburger-react
- @phosphor-icons/react
- akar-icons
- iconoir
- @radix-ui/react-icons
- hugeicons-react
- @monicon/react
- react-old-icons
Check more icons here.
Tables
- TanStack Table
- Glide Data Grid
- React Super Responsive Table
- React Data Table Component
- Ka Table
- Mantine Data Table
- React Datasheet Grid
- React Spreadsheet
- Fortune Sheet
Notifications
Modals
Tooltips
Accordions
Drawers
Editors
Scrollbars
===
Site Tour
===
===
Timeline
===
RxJS
See also RxJS in Javascript
===
Utilities
Forms
===
i18n
- React i18next, and a util site to translate JSON resources.
- Lingui
- Talkr
- Schummar Translate
- intl-t
===
Events
===
Layout
===
Maps
===
Desktop applications
===
Various
- TS Particles
- React Audio Player
- Spectacle
- XY Flow
- React Easy Edit
- DnD Kit
- React DnD
- pragmatic-drag-and-drop
- Remotion
- Svgr
- React Tags
- Tagify
- React Error Boundary
- Sequential Workflow Designer
- Bright - RSC for syntax highlighting
- React Moveable - Move and resize components
- react-scan - Highlight renders
And various stuff made with React.
Cheatsheets
Quick info regarding React/Typescript can be found here.