A collection of up-to-date awesome libraries, resources, and shiny things in the React ecosystem.
Outline
- Courses
- Advanced Learning Resources
- Interview Preparation
- Templates
- State Management
- Form
- Styling Frameworks
- UI Components
- Packages
- Frameworks
- Official React Course - by React team
- Advanced React - By Bob Ziroll
- Complete React developer course - By Andrei Neagoie & Yihua Zhang
- What's new in React 19? - By Bob Ziroll
- Build Reusable React Components - By Cassidy Williams
- React Challenges - Daniel Rose
- React Simplified - By Kyle Cook
- Master React 19 with Code Focused - Kent C. Dodds
- React.gg - UI dev
- Design Pattern
- Frontend Architecture
- Sarah Drasner
- TkDodo's blog
- Robin Wierurch's blog
- 2ality
- Kent C. Dodds
- Coding interview questions
- React Interview Questions
- React Interview Playbook
- 20 Projects to Build Your Portfolio
- Nextradar Quiz
- Mantine - Fully featured React components library
- shadcn-ui - Beautifully designed components built using Radix UI and Tailwind CSS
- Chakra UI
- Fluentui - Microsoft's Fluent UI
- Ant Design - An enterprise-class UI design language and React UI library
- Framework7 - Full featured HTML framework for building iOS & Android apps
- Ariakit - Toolkit for building accessible web apps with React
- React Bootstrap - Bootstrap components built with React
- React Email - Unstyled components for creating beautiful emails
- shadcn-based components - curated list of shadcn-based UI Components
- react-select - The Select Component for React
- react-big-calendar - Calendar component
- react-datepicker - A simple and reusable datepicker component for React
- react-loading-skeleton - Create skeleton screens that automatically adapt to your app
- react-qrcode - QR component for use with React
- react-archer - Draw arrows between React elements
- react-icons - SVG React icons of popular icon packs
- react-complex-tree - Unopinionated Accessible Tree
- react-insta-stories - A React component for Instagram like stories
- swiper - Most modern mobile touch slider
- keen-slider - The Touch slider carousel
- cookie-consent-banner – The lightweight and flexible Cookie Consent Banner
- heart-switch - A heart-shaped toggle switch component for React
- kbar - Fast, portable, and extensible cmd+k interface for your site
- tagify - Lightweight, efficient Tags input component
- puck - The visual editor for React
- Free/Premium templates - List with filter functionality
-
Zustand - Bear necessities for state management in React
-
Nuqs - URL based state management
-
xState - State machines and statechart
-
Zero UI - New state managment for handling styling without re-rendering
-
Mobx - Simple, scalable state management
-
Apollo-client - A fully-featured, production ready caching GraphQL client
-
Relay - A framework for building data-driven React applications
-
Jotai - Primitive and flexible state management for React
-
Effector - Business logic with ease
-
Immer - Create the next immutable state by mutating the current one
-
Immutable-js - Immutable persistent data collections for Javascript
-
Redux - Predictable State Container for JavaScript Apps
-
Rxdb - A fast, offline-first, reactive database for JavaScript Applications
-
TanStack Query - Powerful asynchronous state management
-
SWR - React Hooks for Data Fetching
- Mantine Hooks - Collection of hooks for React by Mantine
- Usehooks - Collection of hooks for React by Dev UI
- react-router - Declarative routing for React
- wouter - A minimalist-friendly routing
- tanstack-router - Type-safe router with built-in caching & URL state management
- React Developer Tools - A browser extension for React
- React Scan - Scan for React performance issues and eliminate slow renders in your app
- Million - An extremely fast and lightweight optimizing compiler
- React confetti - React component to draw confetti for your party
- React confetti Boom - A customizable React confetti explosion component for celebrations and special events
- downshift - React autocomplete, combobox or select dropdown components
- react-error-boundary - A React error boundary component that lets you catch errors
- Jest - Delightful JavaScript Testing
- React-testing-library - Simple and complete React DOM testing utilities
- Cypress - Fast, easy, and reliable testing for anything that runs in a browser
- Preact - A fast 3kb alternative to React with the same modern API
- Remix
- Next - The React Framework
- Remix - Full-stack web Framework that lets you focus on the user interface
- Gatsby - Build modern websites with React
- TanStack Starter
- React-admin - A frontend Framework for building B2B applications
- Refine - Build your React-based CRUD applications, without constraints