/awesome-react

A collection of awesome things regarding React ecosystem

Awesome React Awesome

A collection of awesome things regarding the React ecosystem.

React

React General Resources

React Tutorials

React Frameworks

  • next - The React Framework
  • remix - Full stack web Framework that lets you focus on the user interface
  • gatsby - Build modern websites with React
  • react-admin - A frontend Framework for building B2B applications
  • refine - Build your React-based CRUD applications, without constraints

React Component Libraries

  • material-ui - Ready-to-use foundational React components
  • ant-design - An enterprise-class UI design language and React UI library
  • shadcn-ui - Beautifully designed components built using Radix UI and Tailwind CSS
  • react-bootstrap - Bootstrap components built with React
  • fluentui - Microsoft's Fluent UI
  • framework7 - Full featured HTML framework for building iOS & Android apps
  • ariakit - Toolkit for building accessible web apps with React
  • mantine - Fully featured React components library
  • react-email - Unstyled components for creating beautiful emails

React State Management and Data Fetching

  • redux - Predictable State Container for JavaScript Apps
  • mobx - Simple, scalable state management
  • zustand - Bear necessities for state management in React
  • tanstack-query - Powerful asynchronous state management
  • swr - React Hooks for Data Fetching
  • 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
  • xstate - State machines and statecharts for the modern web
  • effector - Business logic with ease
  • immer - Create the next immutable state by mutating the current one
  • immutable-js - Immutable persistent data collections for Javascript
  • rxdb - A fast, offline-first, reactive database for JavaScript Applications

React Styling

React Routing

  • react-router - Declarative routing for React
  • wouter - A minimalist-friendly routing
  • tanstack-router - Type-safe router with built-in caching & URL state management

React Development Tools

  • create-react-app - Set up a modern Web app by running one command
  • vite - Next Generation Frontend Tooling
  • parcel - The zero configuration build tool for the web
  • million - An extremely fast and lightweight optimizing compiler
  • reactotron - A desktop app for inspecting your React and React Native projects
  • eslint-plugin-react - React specific linting rules for ESLint
  • why-did-you-render - Monkey patches React to notify you about avoidable re-renders

React Libraries

  • preact - Fast React alternative with the same modern API
  • floating-ui - Toolkit to create floating elements
  • loadable-components - The recommended Code Splitting library for React
  • react-uploady - Modern file-upload components & hooks for React
  • downshift - React autocomplete, combobox or select dropdown components
  • react-error-boundary - A React error boundary component that lets you catch errors

React Testing

  • 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

React Awesome Components

React Components Sandboxes

  • storybook - Storybook is a frontend workshop for building UI components and pages in isolation
  • react-styleguidist - Isolated React component development environment with a living style guide
  • react-cosmos - Dev tool for creating reusable React components
  • bit - A build system for development of composable software

React Forms

  • react-hook-form - React Hooks for form state management and validation
  • formik - Build forms in React, without the tears
  • react-jsonschema-form - A React component for building Web forms from JSON Schema
  • formily - Alibaba Group Unified Form Solution
  • vest - Declarative validations framework

React Tables and Grids

  • react-grid-layout - A draggable and resizable grid layout with responsive breakpoints
  • tanstack-table - Headless UI for building powerful tables & datagrids
  • react-data-grid - Feature-rich and customizable data grid React component

React Maps

React Charts

  • recharts - Redefined chart library built with React and D3
  • visx - Visualization components
  • victory - A collection of composable React components for building interactive data visualizations
  • react-vis - Data Visualization Components
  • nivo - Provides a rich set of data visualization components built on top of the D3 and React libraries
  • xyflow - A customizable React component for building node-based editors and interactive diagrams

React Renderers

React Internationalization

React Graphics and Animations

  • react-spring - A spring physics based React animation library
  • framer-motion - Open source, production-ready animation and gesture library for React
  • auto-animate - A zero-config, drop-in animation utility that adds smooth transitions
  • react-tsparticles - Easily create highly customizable particles effects
  • react-parallax-tilt - Easily apply tilt hover effect on React components
  • simple-parallax-js - The easiest way to get a parallax effect with React and JavaScript

React Integration

  • rescript-compiler - A robustly typed language that compiles to efficient and human-readable JavaScript
  • react-rails - Integrate React with Rails
  • fulcro - A library for development of web applications in clj/cljs
  • tailwind-react - Article that shows you how to integrate React application with Tailwind

React Real Apps

  • mattermost-server - An open source platform for secure collaboration
  • kibana - Your window into the Elastic Stack
  • webamp - Winamp 2 reimplemented for the browser
  • overreacted - Personal blog by Dan Abramov
  • wave - An open-source, cross-platform terminal for seamless workflows

React Native

React Native General Resources

React Native Navigation

React Native Awesome Components

React Native Libraries

Contribution

This list began as a personal compilation of interesting things related to React. When it was initiated, React was still in beta, a special script was required to convert JSX to JS, and Flux had not yet been released. Today, React has become mainstream, with numerous developments taking place. Kindly refrain from using this list as an advertisement board or a space to promote your experiments. We focus on sharing entirely free resources here. Please feel free to propose updates for outdated projects and articles, as well as new contributions. Your input and suggestions are wholeheartedly♡ appreciated. (✿◠‿◠)

CC0