awesome-react README

Awesome React

A collection of awesome things regarding the React ecosystem.

React
React Native
Contribution

React

React General Resources

React Tutorials

React Frameworks

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

React Component Libraries

shadcn-ui - Beautifully designed components built using Radix UI and Tailwind CSS
ant-design - An enterprise-class UI design language and React UI library
material-ui - Ready-to-use foundational React components
chakra-ui - Component system for building SaaS products with speed
react-bits - A collection of animated, interactive & fully customizable React components
mantine - Fully featured React components library
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
react-email - Unstyled components for creating beautiful emails
8bitcn-ui - A retro 8-bit themed React component library built on top of shadcn
headlessui - Completely unstyled, accessible UI components for React
ruixen-ui - Modern, lightweight React component library with elegant design
billingsdk - Type-safe billing and subscription components built with TypeScript, Tailwind CSS and shadcn/ui

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

styled-components - Visual primitives for the component age
emotion - CSS-in-JS library designed for high performance style composition
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript

React Icon Libraries

react-icons - SVG React icons of popular icon packs
lucide-react - Beautiful & consistent icon toolkit
heroicons - Beautiful hand-crafted SVG icons by the makers of Tailwind CSS
thesvg - A collection of free SVG icons for popular brands and technologies

React Routing

react-router - Declarative routing for React
speedy-router - TanStack Router API rebuilt for faster navigations and SSR
tanstack-router - Type-safe router with built-in caching & URL state management

React Development Tools

vite - Next Generation Frontend Tooling
parcel - The zero configuration build tool for the web
reactotron - A desktop app for inspecting your React and React Native projects
eslint-plugin-react - React specific linting rules for ESLint
react-scan - Scan for React performance issues and eliminate slow renders in your app
why-did-you-render - Monkey patches React to notify you about avoidable re-renders

React Libraries

ai-sdk - The AI Toolkit for TypeScript and React from the creators of Next.js
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
reactuse - Collection of 110+ tree-shakable, SSR-safe, TypeScript-first React Hooks

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
playwright - A framework for Web Testing and Automation

React Awesome Components

Awesome React Components
react-select - The Select Component for React
react-big-calendar - Calendar component
react-datepicker - A simple and reusable datepicker component for React
react-qrcode - QR component for use with React
react-archer - Draw arrows between React elements
react-complex-tree - Unopinionated Accessible Tree
react-insta-stories - A React component for Instagram like stories
react-hot-toast - Lightweight and customizable toast notifications for React
swiper - Most modern mobile touch slider
keen-slider - The Touch slider carousel
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
json-edit-react - Highly configurable JSON/Object tree editor/viewer

React Components Sandboxes

storybook - Storybook is a frontend workshop for building UI components and pages in isolation
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
react-jsonschema-form - A React component for building Web forms from JSON Schema
formily - Alibaba Group Unified Form Solution
tanstack-form - Headless, performant, and type-safe form state management
formisch - The schema-based, headless form library for React

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-map-gl - React friendly API wrapper around MapboxGL JS
react-leaflet - React components for Leaflet 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-three-fiber - A React renderer for Three.js
ink - React for interactive command-line apps
remotion - Make videos programmatically with React
react-pdf - Create PDF files using React
react-figma - A React renderer for Figma
markdown-to-jsx - A very fast and versatile markdown toolchain
markstream - Streaming Markdown renderer for React and AI chat interfaces

React Internationalization

formatjs - Internationalize your web apps
react-i18next - Internationalization for React done right
react-intlayer - Internationalization focused on maintainability for React

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
fulcro - A library for development of web applications in clj/cljs

React Real Apps

excalidraw - An open source virtual hand-drawn style whiteboard.
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
readest - A minimalistic, feature-rich and cross-platform eBook reader
bookcars - Car rental platform
notifuse - Modern self-hosted emailing platform to send newsletters & transactional emails
cate - An open source IDE on an infinite zoomable canvas, with editor, terminal, and browser panels

React Native

React Native General Resources

react-navigation - Routing and navigation for your React Native apps

React Native Awesome Components

react-native-vector-icons - Customizable Icons for React Native
react-native-gifted-chat - The most complete chat UI for React Native

React Native Libraries

realm-js - A mobile database: an alternative to SQLite & key-value stores
react-native-device-info - Device Information for React Native iOS and Android
react-native-maps - React Native Mapview component
xprem - Self-hosted OTA updates for Expo and React Native apps

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 (if you know what it was) had not yet been released. Today, React has become boring mainstream. 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. I would prefer GitHub links, please. Your input and suggestions are wholeheartedly♡ appreciated. (✿◠‿◠)

75K ·GitHub

Awesome-react

Что это?

Подборка ресурсов, библиотек и инструментов для экосистемы React и React Native: от фреймворков до утилит для тестирования.

Это библиотека или просто список ссылок?

Это awesome-list: структурированный сборник ссылок на другие проекты, статьи и инструменты, а не код, который нужно устанавливать.

Как устроен список?

Записи разбиты по разделам: фреймворки, компонентные библиотеки, управление состоянием, стилизация, тестирование, маршрутизация, графики, интернационализация, анимации, а также отдельный раздел React Native с собственными подкатегориями.

Записи проверяются или добавляется всё подряд?

Мейнтейнер прямо отказывается использовать список как рекламу: остаются только по-настоящему полезные и полностью бесплатные ресурсы, а устаревшие проекты должны обновляться через пул-реквесты.

С чего начинающему стоит начать?

Начните с раздела «Туториалы по React», в котором есть официальный туториал по React, вопросы и ответы с собеседований и руководства по архитектуре и паттернам проектирования, и только потом переходите к фреймворкам и библиотекам.

Здесь есть и React Native, или только веб-React?

Есть, в списке предусмотрен отдельный раздел React Native: навигация, интересные компоненты и библиотеки вроде react-navigation и react-native-maps.

Какие компонентные библиотеки здесь перечислены?

Перечислены UI-библиотеки, например shadcn-ui, ant-design, material-ui, chakra-ui, mantine и react-bootstrap, а также многие другие.

Список до сих пор поддерживается?

Да, список продолжают дополнять и обновлять. Автор отмечает, что он начинался, когда React ещё был в бета-версии, и с тех пор поддерживается в актуальном состоянии.

Есть ли примеры реальных приложений на React?

Да, раздел «Реальные приложения на React» перечисляет проекты с открытым кодом, например Excalidraw, Mattermost, Kibana и Webamp, которые используют React в продакшене.

What are similar projects?

awesome-react-components, awesome-react-native, awesome-vue, awesome-redux, awesome-react-hooks, frontend-dev-bookmarks, weekly, awesome-ios

Which topics is it in?

samples, react-components, react-native, i18n, awesome, animation, testing, ui, awesome-list, list, tutorial, curated-list

Creator: enaqx
Size: 2.6 MB
Stars: 75K
Updated: CommitSep 04
Age: 12y
Commits · 90 Days