React
Created at
||Updated at
Learn
- Official Docs
- React Tutorial
- React Excercises
- React Philosophies
- Awesome React
- React Slides
- React Patterns
- React Bits
- React Handbook
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
Find more stuff here
And welcoming some cool new players.
- zustand
- storeon
- effector
- jotai
- hookstate
- valtio
- simpler-state
- react-model
- elf
- legend-state
- xoid
- nanostores
- react-sweet-state
- alveron
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
- React Recipes
- Use Hooks TS
- Use Local Storage State
- React Hotkeys Hook
- Use Web Animations
- React Use Animations
- React Responsive
- Rooks
- 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
- 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
- Mantine
- Next
- Tremor
- AriaKit
- Rewind
- 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
- Polaris viz
- 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
Tables
- TanStack Table
- Glide Data Grid
- React Super Responsive Table
- React Data Table Component
- Ka Table
- Mantine Data Table
- React Datasheet Grid
- React Datasheet
- React Spreadsheet
- Fortune Sheet
Notifications
Modals
Tooltips
Accordions
Drawers
Editors
Scrollbars
===
Site Tour
===
===
Timeline
===
RxJS
See also RxJS in Javascript
===
Utilities
Forms
- React Hook Form
- React Final Form
- TanStack Form
- React Zorm
- MobX React Form
- Formik
- Uniforms
- React JSON Schema Form
- Createform
===
i18n
- React i18next, and a util site to translate JSON resources.
- Lingui
- FBT
- Talkr
- Typesafe i18n
- Schummar Translate
===
Events
===
Layout
===
Maps
===
Desktop applications
===
Various
- React Particle Image
- TS Particles
- React Audio Player
- Spectacle
- XY Flow
- React Digraph
- 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
- RIE - React Internals Explorer
- react-scan - Highlight renders
And various stuff made with React.
Cheatsheets
Quick info regarding React/Typescript can be found here.
