React Resources

React
- React General Resources
- React Community
- React Online Playgrounds
- React Tutorials
  - React General Tutorials
  - React Hooks
  - React and TypeScript
  - React Performance
  - React Internals
  - React Interview Questions
- React Tools
  - React Development Tools
  - React Frameworks
  - React Styling
  - React Routing
  - React Component Libraries
  - React Awesome Components
  - React Testing
  - React Libraries
  - React Integration
  - React State Management
  - React AR and VR
  - React Renderers
  - Forms
  - Autocomplete
  - Graphics
  - Data Managing
  - Maps
  - Charts
React Native
- React Native General Resources
- React Native Tutorials
- React Native Development Tools
- React Native Sample Apps
- React Native Boilerplates
- React Native Awesome Components
- React Native Libraries
Redux
- Redux General Resources
- Redux Tools
- Redux Tutorials
GraphQL
- GraphQL General Resources
- GraphQL Tools
- GraphQL Tutorials
- GraphQL Implementations
- Database Integration
Relay
- Relay General Resources
- Relay Tutorials
- Relay Tools
Videos
- Important Talks
- React.js Conf 2015 Playlist
- ReactEurope Conf 2015 Day 1 Playlist
- ReactEurope Conf 2015 Day 2 Playlist
- ReactRally Conf 2015 Playlist
- React.js Conf 2016 Playlist
- ReactRally Conf 2016 Playlist
- React.js Amsterdam 2018 Playlist
- Video Tutorials
Demo React Apps
Real React Apps
Contribution

React

JavaScript Library for building User Interfaces

React General Resources

React Community

React Online Playgrounds

Another Awesome Lists

React Tutorials

React General Tutorials

React Hooks

React and TypeScript

React Performance

React Internals

React Interview Questions

React Tools

React Development Tools

- Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
- Tweak React components in real time
- A higher order component for loading components with promises
- React code splitting made easy
- A desktop app for inspecting your React and React Native projects
- UI component dev & test
- Zero Config, live-reloading documentation with Markdown + JSX
- Isolated React component development environment with a living style guide
- Dev tool for creating reusable React components
- React specific linting rules for ESLint
- Static AST checker for a11y rules on JSX elements
- Accessibility auditing for React applications
- Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
- Monkey patches React to notify you about avoidable re-renders.
- React codebase and UI generator to speed up development (paid)
- Powerful design tool for building your React components visually.

React Starter Kits and Toolchains

- Set up a modern Web app by running one command
- Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications
- @neutrinojs/react is a Neutrino preset that supports building React web applications
- Isomorphic Web app boilerplate
- CLI for creating reusable, modern React libraries using Rollup and create-react-app.
- Zero-config CLI for TypeScript package development

React Frameworks

- The React Framework
- Free and open source framework based on React
- Frontend Framework for building B2B applications on top of REST/GraphQL APIs
- Finally, a killer React framework from the creators of React Router
- The Fullstack React Framework
- The React Framework in Deno

React Styling

- Visual primitives for the component age
- Library designed for writing CSS styles with JavaScript
- A toolchain for React component styling
- Authoring tool for CSS
- Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

React Routing

- Declarative routing for React
- Declarative, asynchronous routing for React
- JavaScript router for single-page applications
- Next Generation Routing for React
- A simple middleware-style router for isomorphic JavaScript web apps
- A minimalist-friendly ~1.3KB routing library

React Component Libraries

- React components for faster and easier web development
- A React-based UI toolkit for the webs
- A set of React components for building Microsoft web experiences
- Bootstrap components built with React
- Simple React Bootstrap 4 components
- A design system with values of Nature and Determinacy
- Simple, Modular & Accessible UI Components for your React Applications
- The official Semantic-UI-React integration
- Evergreen React UI Framework by Segment
- A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
- React primitive UI components built with styled-system
- Accessible, Composable and Customizable components for React
- A suite of React components
- Atlassian's official UI library, built according to the Atlassian Design Guidelines.
- Base Web is a foundation for initiating, evolving, and unifying web products.
- A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes.
- Elastic UI Framework
- Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences
- JetBrains Web UI components
- React components for Bulma framework
- React.js components for Modern CSS framework based on Flexbox
- Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
- Build accessible & themeable React applications with your Bumbag

React Awesome Components

- The Select Component for React
- Beautiful and accessible drag and drop for lists with React
- Drag and Drop for React
- A draggable and resizable grid layout with responsive breakpoints
- A lightweight, fast and extendable datagrid for React
- Excel-like grid component built with React
- React draggable component
- A resizable and draggable component for React
- A simple React component that is resizable with a handle
- A resizable component for React
- Minimalistic searchbox
- A sortable and resizable pane component for React
- Nestable resizable, anchored, scrollable components
- An easily internationalizable, mobile-friendly datepicker library for the web
- Calendar component
- ReactJS Datepicker
- A versatile infinite scroll React component
- Internationalize React apps
- Internationalization for React done right
- A fully accessible React modal
- Declarative hotkey and focus area management for React
- Lightweight keydown wrapper for React components
- Create guided tours for your apps
- React components for efficiently rendering large lists and tabular data
- React components for efficiently rendering large lists and tabular data
- Input mask for React
- Create skeleton screens that automatically adapt to your app
- A collection of loading indicators animated with CSS for React
- Accessible slider component built with React
- QR component for use with React
- Draw arrows between React elements
- A PDF viewer made for React
- Easily apply tilt hover effect on React components
- Position tooltips and popovers in an elegant, performant manner
- Easily create highly customizable particles animations
- Spring-physics based animation library for React applications
- A React library to power production-ready animations
- React Component for creating an 'Accordion' that adheres to the WAI ARIA spec for accessibility.
- React component for truncating JSX markup.
- Universal cookies for React
- Carousel component built with React
- Google Tag Manager Module for React
- Detect device for React
- A tiny (2,5 KB), dependency-free, fast and accessible color picker component
- Accessible modal dialog component for React
- Format input text content when you are typing
- Font Awesome 5 React component

React Testing

- Delightful JavaScript Testing Framework
- JavaScript Testing utilities for React
- Simple and complete React DOM testing utilities
- React hooks testing utilities that encourage good testing practices
- Zero config GUI for Jest

React Libraries

- A wrapper for placing elements along div borders in React.
- Automatically AJAXify plain HTML with the power of React
- A set of React components implementing Google's Material Design specification
- Library allowing you to check all the props of your React components
- Media queries in react for responsive design
- Fast 3kb React alternative with the same ES6 API.
- A React-like, 3.5KB user interface library
- Bringing the concept of web-components to React
- A performant, scalable and pluggable approach to instrumenting your React application
- svg react icons of popular icon packs
- Awesome free illustrations as react components.
- Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...
- A virtual repository for managing and using react and other web components across applications
- Atlassian's React UI library
- UI components library for Elasticsearch
- A completely customizable framework for building rich text editors.
- Construct React elements from JSON by mapping JSON definitions to React components that you expose.
- Lodash as React components
- A document head manager for React
- Zero-configuration framework-agnostic static prerendering for SPAs
- A React framework for building text editors
- Harness the power of reactive programming to supercharge your components
- OS X and Windows UI components built with React
- A simple and customizable React notifications system
- Useful components and utilities for working with React
- Lightning-fast search for React and React Native applications, by Algolia
- The next open source file uploader for web browsers
- A spring that solves your animation problems
- React Edge Side Includes
- Adobe's library of React Hooks that provides accessible UI primitives for your design system
- Modern file-upload components & hooks for React.

React Integration

- ClojureScript interface
- A minimalistic ClojureScript interface to React.js
- React Components in Angular
- Provides React JSX support for Coffeescript
- Sprockets preprocessor for CJSX
- A simple, non-intrusive alternative to jsx for coffeescript
- Combine Turbolinks and React to apply DOM diffs
- A little module for using React with Bacon.js
- React's JSX Transformer, tweaked to output calls to Mithril
- Backbone-aware mixins for react
- transparent integration with Backbone Views and NestedTypes models
- React, Backbone and then some
- Plugin for React to make Backbone migration easier
- React extensions for Backbone
- React components for use with backbone and backbone paginator
- Declarative managed event bindings for react components
- React mixin registration manager
- Topcoat CSS components built with the React library
- A collection of React components for Topcoat
- Write React components using markdown syntax
- Compile Jade to React JavaScript
- Compile Jade templates to React.DOM expressions
- Compile Jade templates into React de-sugared JSX with Gulp
- React SBT Plugin using npm
- A guilty affair between Scala.js and Facebook's React
- Using React to implement xtags
- React on server-side Java (with Rhino or Nashorn)
- A complete replacement for JSX written in sweet.js
- Rendering React components in the Play Framework with JDK8's Nashorn
- Utilities to works with React in a RxJS
- A hacked prototype of React.js with DI
- ReactJS mixin for easy Firebase integration
- ClickDrag mixin for React component
- Standalone mixin for Masonry (@desandro)
- Standalone mixin for Packery (Metafizzy)
- Simple HTML5 drag-drop zone with React.js.
- A-Frame VR + React
- A react reconciler for threejs (web and react-native)
- React bindings to create and control a 3D scene using three.js
- Render into a three.js canvas using React
- Simplest bindings between React & Three.js
- Fast Masonry layout powered by CSS, dependency free
- A react.js reCAPTCHA for Google
- Clean, modern and simple React wrapper for Google reCAPTCHA
- A reCAPTCHA bridge for React that works

React State Management

redux - Predictable State Container for JavaScript Apps
- Simple, scalable state management
- Application architecture for building user interfaces
- Experimental state management library for React apps
- State machines and statecharts for the modern web
- Bear necessities for state management in React
- Vegetarian friendly state for React
- The simple but very powerful and incredibly fast state management for React that is based on hooks
- Fast and powerful reactive state manager
- React, but with built-in global state management

React AR and VR

- Platform for rapidly building AR/VR applications using React Native

React Renderers

- A React renderer for Three.js

Forms

Autocomplete

Graphics

Data Managing

Maps

Charts

React Native

Framework for building native apps using React

React Native General Resources

React Native Tutorials

React Native Development Tools

React Native Sample Apps

React Native Boilerplates

React Native Awesome Components

React Native Libraries

Redux

Predictable State Container for JavaScript Apps

Redux General Resources

Redux Tools

Redux Tutorials

GraphQL

A query language for your API

GraphQL General Resources

GraphQL Tools

GraphQL Tutorials

GraphQL Implementations

Database Integration

for Node.js and TypeScript

Relay

Data-Driven React Applications

Relay General Resources

Relay Tutorials

Relay Tools

Videos

reactjsvideos.com

Important Talks

React.js Conf 2015 Playlist

ReactEurope Conf 2015 Day 1 Playlist

ReactEurope Conf 2015 Day 2 Playlist

ReactRally Conf 2015 Playlist

React.js Conf 2016 Playlist

React Amsterdam 2016 Playlist

ReactEurope Conf 2016 Day 1 Playlist

ReactEurope Conf 2016 Day 2 Playlist

ReactRally Conf 2016 Playlist

React Conf 2017 Playlist

React.js Amsterdam 2018 Playlist

React Amsterdam 2019 Playlist

Video Tutorials

Demo React Apps

Real React Apps

PreviousEverything NextProgramming Languages

Last updated 3 years ago