The awesome-react from rakibkhanofficial

Awesome React

A collection of awesome things regarding the React ecosystem.

React
React Native
Redux
Videos
Contribution

React

React General Resources

React Online Playgrounds

React Tutorials

React Development Tools

create-react-app - Set up a modern Web app by running one command
vite - Next Generation Frontend Tooling
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 Frameworks

next - The React Framework
blitz - The Missing Fullstack Toolkit for Next.js
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
aleph - The Full-stack Framework in Deno

React Component Libraries

material-ui - Material UI, which implements Google's Material Design
ant-design - An enterprise-class UI design language and React UI library
chakra-ui - Simple, Modular & Accessible UI Components for your React Applications
fluentui - Microsoft's Fluent UI
blueprint - A React-based Palantir's UI toolkit for the web
mantine – A fully featured React components library
framework7 - Full featured HTML framework for building iOS & Android apps
react-bootstrap - Bootstrap components built with React
reactstrap - Simple React Bootstrap components
semantic-ui-react - The official Semantic-UI-React integration
evergreen - Evergreen React UI Framework by Segment
grommet - A react-based framework that provides accessibility, modularity, responsiveness, and theming
ariakit - Toolkit for building accessible web apps with React
rsuite - A suite of React components
baseweb - A React Component library implementing the Uber's Base design language
eui - Elastic UI Framework
react-spectrum - Adobe's collection of libraries and tools
ring-ui - A collection of JetBrains Web UI components
radix-primitives - An open-source UI component library for building high-quality web apps
nextui - Beautiful, fast and modern React UI library

React Hooks

Awesome React Hooks

React Styling

styled-components - Visual primitives for the component age
emotion - CSS-in-JS library designed for high performance style composition
linaria - Zero-Runtime CSS in JS library
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
jss - authoring tool for CSS which uses JavaScript as a host language

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 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
reapop - A simple and customizable React notifications system
react-uploady - Modern file-upload components & hooks for React
downshift - React autocomplete, combobox or select dropdown components

React Testing

jest - Delightful JavaScript Testing
enzyme - JavaScript Testing utilities for React
react-testing-library - Simple and complete React DOM testing utilities
react-hooks-testing-library - Simple and complete React hooks testing utilities
cypress - Fast, easy and reliable testing for anything that runs in a browser

React Awesome Components

Awesome React Components
react-select - The Select Component for React
react-dnd - Drag and Drop for React
react-rnd - A resizable and draggable component for React
react-dropzone - Simple drag-drop zone with 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-device-detect - Detect device, and render view accordingly
react-colorful - A tiny color picker component
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

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

React State Management

redux - Predictable State Container for JavaScript Apps
mobx - Simple, scalable state management
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
flux - Application architecture for building user interfaces
recoil - Experimental state management library for React apps
jotai - Bottom-up approach to React state management with an atomic model
xstate-react - State machines and statecharts for the modern web
zustand - Bear necessities for state management in React
easy-peasy - Vegetarian friendly state for React
hookstate - The simple but very powerful and incredibly fast state management for React that is based on hooks
effector - Fast and powerful reactive state manager
reactn - React, but with built-in global state management
react-facet - Observable-based state management for performant game UIs built in React

React Renderers

react-three-fiber - A React renderer for Three.js
react-pdf - Create PDF files using React
ink - React for interactive command-line apps
react-blessed - A React renderer for blessed terminal interface library
react-sketchapp - Render React components to Sketch
react-figma - A React renderer for Figma
react-nil - A react null renderer
remotion - Create videos programmatically in React

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
react-final-form - High performance subscription-based form state management for React
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 Internationalization

formatjs - Internationalize your web apps
react-i18next - Internationalization for React done right
typesafe-i18n - A fully type-safe and lightweight internationalization library

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
react-transition-group - An easy way to perform animations 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
gooey-react - The gooey effect for React

React Data Managing

immer - Create the next immutable state by mutating the current one
ReSub - A library for writing better React components and data stores
immutable-js - Immutable Data Collections for Javascript
WatermelonDB - Reactive & asynchronous database for powerful React and React Native apps
RxDB - A realtime Database for JavaScript Applications

React Maps

react-googlemaps - React interface to Google maps
react-maps - A map component for React
react-google-maps - React.js Google Maps integration component
react-gmaps - A Google Maps component for React.js
react-map-gl - A React wrapper for MapboxGL-js plus overlay API
google-map-react - Isomorphic google map React component
react-mapbox-gl - A mapbox-gl-js wrapper to make the API react friendly
google-maps-react - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
react-leaflet - React components for Leaflet maps
react-geo - A set of geo-related components using react, antd, and ol
pigeon-maps - ReactJS maps without external dependencies

React Charts

vx - Visualization components
victory - A collection of composable React components for building interactive data visualizations
react-vis - Data Visualization Components
recharts - Redefined chart library built with React and D3
nivo - Provides a rich set of data visualization components, built on top of the D3 and React libraries
echarts-for-react - Apache ECharts components for React wrapper
react-apexcharts - React Component for ApexCharts
chartify - React plugin for building charts using CSS

React Integration

rescript-compiler - A robustly typed language that compiles to efficient and human-readable JavaScript
react-rails - Integrate React with Rails
reagent - A minimalistic ClojureScript interface to React
fulcro - A library for development of web applications in clj/cljs

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

React Native

React Native General Resources

React Native Tutorials

React Native Development Tools

flipper - A desktop debugging platform for mobile developers
react-native-code-push - React Native module for CodePush

React Native Sample Apps

React Native Boilerplates

Create React Native App - Create React Native apps that run on iOS, Android, and web
Ignite - The hottest CLI for React Native, boilerplates, plugins, generators, and more!

React Native Awesome Components

react-navigation - Routing and navigation for your React Native apps
react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native
react-native-fbsdk - A wrapper around the iOS Facebook SDK
react-native-side-menu - Simple customizable component to create side menu
react-native-mapbox-gl - A Mapbox GL react native module
react-native-icons - Quick and easy icons in React Native
react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar
react-native-google-signin - Google Signin for React Native
react-native-picker-modal-view
react-native-gifted-chat - The most complete chat UI for React Native
react-native-fast-image - FastImage, performant React Native image component
recyclerlistview - High performance listview for React Native and web!
react-native-largelist - The best large list component for React Native
react-native-gesture-handler - Declarative API exposing platform native touch and gesture system to React Native
rn-placeholder - Display some placeholder stuff before rendering your text or media content in React Native
react-native-bottom-sheet - A performant interactive bottom sheet

React Native Libraries

sentry-react-native - Real-time crash reporting for your web apps, mobile apps, and games.
realm-js - Realm is a mobile database: an alternative to SQLite & key-value stores
react-native-device-info - Device Information for React Native iOS and Android
react-native-react-bridge - A toolset to run React web app in React Native and handle communication between them.
uncompress-react-native - Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.

Redux

Redux General Resources

Redux Tools

react-redux - Official React bindings for Redux
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
reselect - Selector library for Redux
redux-thunk - Thunk middleware for redux
redux-saga - An alternative side effect model for Redux apps
redux-form - A Higher Order Component using react-redux to keep form state
redux-observable - RxJS middleware for Redux
redux-undo - Higher order reducer to add undo/redo functionality to redux state containers
redux-persist - Persist and rehydrate a redux store
Rematch - Redux made easy

Redux Tutorials

Videos

Important Talks

ReactEurope Conf 2015 Day 1 Playlist

ReactEurope Conf 2015 Day 2 Playlist

ReactEurope Conf 2016 Day 1 Playlist

ReactEurope Conf 2016 Day 2 Playlist

React.js Amsterdam 2018 Playlist

React Summit Remote Edition 2020 Playlist

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. (✿◠‿◠)

rakibkhanofficial / awesome-react Goto Github PK

awesome-react's Introduction