Ranked awesome lists, all in one place
This list is a copy of enaqx/awesome-react with ranks
Awesome React 
★87749
A collection of awesome things regarding React ecosystem.
- React
- React General Resources
- React Community
- React Online Playground
- React Tutorials
- React General Tutorials
- React styling
- React Charts Tutorials
- React and Ruby on Rails
- React and Meteor
- React and Angular
- React and Bootstrap
- React and ClojureScript
- React and CoffeeScript
- React and Datatables
- React and Haskell
- React and SocketIO
- Server-Client with React
- Server Side Rendering
- Prerendering aka snapshotting
- Compiling React Tutorials
- Debugging React
- Authentication
- Authorization
- File Uploads
- React Tools
- React Native
- JSX
- Flux
- Redux
- MobX
- Testing
- GraphQL
- Relay
- Apollo
- Flow
- Videos
- Books
- Demos
- Example Apps
- Real Apps
- Contribution
React
JavaScript Library for building User Interfaces
React General Resources
React Community
- Reactiflux
- React Discussion Forum
- React StackOverflow
- React Twitter
- React Core meeting notes ★916 ⏳1Y
- Made with React - Collection of websites and applications using ReactJS
- The React newsletter
- React Iran Telegram Group
React Online Playground
- CodeSandbox
- Online VS Code IDE for React
- React JSFiddle Integration with JSX
- React JSFiddle Integration without JSX
- Babel REPL
- React HTML to JSX Online Compiler
React Tutorials
React General Tutorials
- React Tutorial
- Learn React.js in 5 minutes
- Live React Bootcamp by Tyler Mcginnis(free)
- React.js Fundamentals (paid)
- React Primer ★3714 ⏳1Y
- ReactJS: Keep Simple. Everything can be a component!
- React js tutorial
- React.js Koans: Practical exercises that will help you learn React.js from square one ★3008 ⏳1Y
- LearnCode React Tutorials
- Thinkster React topics
- React tutorial - Cloning Yelp
- React.js in patterns
- DIY guide to build your own React
- React cheatsheet
- Codecademy Learn ReactJS Course
- Getting Started with React
- Deploying a React app to Github Pages
- React Express - Beginners Guide to React Application Development
- GraphCMS Beginners Guide with React
- Build a Chat App with React and Pusher Chatkit
- How to set up continuous integration and deployment for your React app
- SSR Split (A/B) Testing and Analytics with React, Redux, and Next.js
React best practices
- Pete Hunt: React: Rethinking best practices - JSConf EU 2013
- Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013
- React.js Best Practices
- Clean Code vs. Dirty Code: React Best Practices
- Writing Scalable React Apps with the Component Folder Pattern
React styling
- React: CSS in JS
- React: CSS in JS techniques comparison ★3355
- CSS in JS Playground
- Radium ★6331
- jsxstyle
- ReactCSS ★1498
- Aphrodite ★4134
- Glamor ★3181
- Styletron ★2480
- TypeStyle ★1893
- styled-components ★16780
- gloss ★15 ⏳1Y
- JSS ★3623
- reas ★404
- emotion
React Charts Tutorials
React and Ruby on Rails
- React on Rails - integration of React, Webpack, React-Router with Ruby on Rails ★3917
- reactrails.com - live example site using React on Rails with source code
React and Meteor
- Meteor official Guide
- Meteor with React Tutorial
- React for Meteor developers
- Full-stack GraphQL with Apollo, Meteor & React
React and Angular
- NgReact - React Components in Angular
- ng-React Update - React 0.9 and Angular Track By
- Using React for Faster Renders and Isomosphism in Angular
- Improving AngularJS long list rendering performance using ReactJS
- How can React and Flux help us create better Angular applications?
- Achieving Reasonable and Scalable Routing in AngularJS with Flux
- Angular to React/Redux, a Guide for Angular v1 Experts Looking to Learn React/Redux ★103 ⏳1Y
React and Bootstrap
- Awesome react bootstrap components ★67
- Better Bootstrap modals and popover with React.js
- A mixin-based design for a React.js Bootstrap component library
- Popover mixin
- Bootstrap TabbedArea component with React.js
- Bootstrap forms using React.js
React and ClojureScript
- The Future of JavaScript MVC Frameworks
- The Case for React.js and ClojureScript
- A Reagent Framework For Writing SPAs ★3255
React and CoffeeScript
- React & CoffeeScript
- React patterns - Mostly reasonable patterns for writing React in CoffeeScript ★1606
React and Datatables
React and Haskell
- stackage-view, built with Yesod and GHCJS+React ★21 ⏳2Y
- TodoMVC example with Shade (Haste+React) ★13 ⏳4Y
- react-haskell, to be used with Haste (blog post)
- blaze-react, blaze-html style React bindings using GHCJS ★104 ⏳1Y (video tutorial)
- purescript-react bindings (example app ★6 ⏳3Y)
React and Socket.IO
- Socket.IO integration example
- Socket.IO integration example inside of a single React component
- Socket.IO integration employing separation of concerns
Server-Client with React
- Server/Client With React, Part 1: Getting Started
- Server/Client With React, Part 2: The Build System
- Server/Client With React, Part 3: Frontend Server
Server Side rendering
- Super-basic example of how server rendering works ★200 ⏳2Y
- Server Side Rendering for ReactJS
- React Server Rendering ★1738
- JDK8 + Facebook React: Rendering single page apps on the server
- Server-rendered React components in Rails
- Server-rendered React + Flux in Rails ★109 ⏳3Y
- Golang Isomorphic Hot Reloadable/React/Flummox/Css-Module Starter Kit ★2452
- Serverside rendering with React + Hapi ★202
- Isomorphic React apps in PHP via dnode
- React Server Side Rendering with Hypernova
- Server Side Rendering with Simple Redux Store Hydration
Prerendering aka snapshotting
Compiling React Tutorials
- Webpack Howto by Pete Hunt ★10064
- React Webpack Cookbook ★176 ⏳2Y
- AMD and CommonJS examples with Webpack ★5 ⏳3Y
- Integrating JSX live reload into your React workflow
- React JS and a browserify workflow, part1
- React JS and a browserify workflow, part2
- Choosing the correct packaging tool for React JS
Building React components
Debugging React
- Trace Logging with React
- Reactotron: Control, monitor, and instrument
- React-fix-it: Automagically generate tests from errors ★1922 ⏳1Y
Authentication
Authorization
File Uploads
API Integration
History of React
React Tools
Boilerplates
- Create React App
- React Boilerplate - Minimalistic boilerplate with React, Redux, Flowtype, Babel and Webpack2
- React App SDK - CLI tools and templates for authoring React apps with a single dev dependency and zero configurations ★520
- React Starter Kit — isomorphic web app boilerplate (Node.js, GraphQL, React, Babel, Webpack, CSS Modules, HMR)
- ASP.NET Core Starter Kit (C#) — Frontend: React, Babel, PostCSS, CSS Modules + backend: .NET Core, C#
- ASP.NET Core Starter Kit (F#) — Frontend: React, Babel, PostCSS, CSS Modules + backend: .NET Core, F#
- React Redux Universal Hot Example ★11243
- React Slingshot - React + Redux with Babel, hot reloading, testing, linting and working example app ★8578
- este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps
- frontend-boilerplate - webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate ★3047
- react-engine - A composite render engine for isomorphic express apps ★1427
- reactGo - Boilerplate for an universal/isomorphic React + Redux/alt Flux app ★2546
- react-native-nw-react-calculator - Mobile, desktop and website Apps with the same code ★4431
- StarHackIt - An ES6/ES7 full-stack starter kit with authentication and authorization code ★1126
- react-cordova-boilerplate - TodoMVC example for React to build a Cordova application ★188
- UniversalRelayBoilerplate - Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra ★564
- react-boilerplate - A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
- Next.js - A minimalistic framework for server-rendered React applications ★26529
- react-express-stripe - A minimal boilerplate to accept payments in a React App ★85
- React-PWA - BoilerPlate with PWA and support for Code-Splitting, SSR, SEO, Page and API caching, Image optimization and much more. ★1543
- ARc - A progressive React starter kit based on Atomic Design
- react-webpack-starter - A simple boiler plate for creating react applications bundled by webpack (using ES6, Babel, SASS and webpack development server) ★51
- Happyreaction - React/Spring/Java maven archetype for bootstraping a new project quickly ★21
- Create React NPM Component - CLI tool for creating a component for distribution on NPM ★25
- Suicrux - Universal starter with ultimate hot-reloading. PWA/LL/SSR/React/Redux/i18n. ★912
- Redux Async Boilerplate + Redux app containing example async actions and React storybook with auto publish to github pages ★0
- ReactQL - Universal React + GraphQL starter kit, with full server rendering, isomorphic data fetching and store management
- React + Redux w/ ES6 Starter Project - Starter kit using Webpack, React Hot Loader, Code Splitting for React Router, CSS Modules, custom Ducks pattern app architecture, best practices, and Enzyme test environment ★579 ⏳1Y
- react-firebase-authentication - Boilerplate for authentication and real-time database using React and Firebase ★19 ⏳1Y
- react-redux-saga-boilerplate - Starter kit with routing, state container, storage and SEO tools. PWA-ready ★193
- generator-react-firebase - Yeoman generator for starting projects using React and Firebase (Redux optional) with features Full Authentication, Route protection and Material UI Application Navbar ★147
- Starter template for React + Redux + TypeScript - setup and simple app using async actions and Material UI
- particleplate - an Express + TypeScript + React + React-Router + Redux + React-Redux + PostCSS + MaterialUI boilerplate ★1
Routing
- react-router - A complete routing library for React
- react-router5 - A routing library for React and more
- buttermilk - beautifully simple routing for React projects ★59
- pagify-it - Add routing to your React app in minutes ★12
React Projects
- gatsby - Transform plain text into dynamic blogs and websites using React.js ★22278
- react-blessed - A react renderer for blessed terminal interface library ★2768
- MJML - The only framework that makes responsive-email easy. Based on React
- react-tv - React renderer for low memory applications and Packager for TVs ★1547
- ink - React for interactive command-line apps ★6073
- react-cli - a react renderer for the command line ★0
Components
- React Svg Textures - Textures.js ported to React. Fully isomorphic. ★12
- React Responsive Tables ★43
- React Component List
- JS.coach - A catalog of React components
- iReact: Fantastic React Components and Libraries!
- Khan Academy React Components
- VistarMedia Components
- React Topcoat UI components ★95 ⏳3Y
- react-material - Material design components written with React.js and React Style
- react-md - Set of React components and sass files for implementing Google’s Material Design ★1760
- material-ui - A CSS Framework and a Set of React Components for Material Design
- ReactSymbols - Pixel perfect UI Kit / Library with ready-to-use components + original Sketch resource file
- react-google-login-component ★78
- react-facebook-login-component ★75
- react-component - A Collection of React UI Components
- Ant Design - An enterprise-class UI design language, A set of high-quality React components ★29349
- Zent - A collection of React UI components ★1079
- UXCore - A React UI Component Set living for enterprise backend application ★553
- react-desktop - OS X and Windows UI components built with React ★7547
- react-aim - Determine the cursor aim for triggering mouse events ★316 ⏳1Y
- react-uwp - React Components that Implement Microsoft’s UWP Design & Fluent Design. ★615
- react-touch - React photo viewer for mobile ★439 ⏳2Y
- griddle - A simple grid component for use with React
- react-grid - Data grid for React ★73 ⏳3Y
- React-iCheck - iCheck components built with React. Highly customizable checkboxes and radio buttons ★169
- react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React ★787
- react-async - Async rendering for React components ★464 ⏳1Y
- react-async-input - Inputs that behave properly with async set{State,Props} calls ★5 ⏳3Y
- react-countup - A React component wrapper around CountUp.js ★244
- react-mediaswitch - Choose your DOM based on media queries ★62 ⏳2Y
- react-frame-component - Render your React app to an iFrame ★508
- react-gravatar - React component for rendering a gravatar profile image ★180
- markdown-react - React Render for Standard Markdown ★53 ⏳3Y
- react-component-gallery — React component for creating an evenly spaced components
- react-markdown-textarea - Component to create textareas for entering Markdown ★110 ⏳2Y
- react-markdown-area - Github flavored markdown editor with live preview ★41
- react-textarea-autosize - Textarea component for React which grows with content ★819
- react-spinner - Zero configuration loading spinner ★186 ⏳1Y
- react-treeview - Easy, light, flexible tree view made with React ★893
- react-tree-menu - A stateless tree menu component built with the Flux architecture in mind ★156
- react-tween-state - React animation tween state ★1724
- react-stripe-checkout - Easily load Stripe Checkout as a React component ★525
- react-id-swiper - A library to use idangerous Swiper as a ReactJs component ★373
- react-swipe - Brad Birdsall’s swipe.js, as a React component
- react-smart-time-ago - Show relative “time ago” dates ★32 ⏳3Y
- [react-autoupdate-time - Renders a
- [react-time - Component for React to render relative and/or formatted dates into
- react-crouton - A message component for reactjs ★144
- react-ago-component - Renders the approximate time ago in words from a specific past date ★26
- react-translate-component - Provides multi-lingual/localized text content ★313
- react-lorem-component - Renders lorem ipsum placeholder text ★59
- react-interpolate-component - Renders elements into a format string ★43
- react-proxy-loader - Hot Module Replacement and Code Splitting
- RCSS - Turn your JavaScript objects into CSS classes ★290 ⏳2Y
- ReactiveElements - Allows to use React.js component as HTML element ★626
- react-chosen - React wrapper for Chosen jQuery ★89 ⏳2Y
- react-inlinesvg - An SVG loader component for React ★491
- react-imageloader - A React component for wrangling image loading ★344
- expose - A React mixin for lazy loading ★4 ⏳2Y
- react-loadqueueloader - A React component for managing loads with a load queue ★10 ⏳4Y
- react-loadermixin - A React mixin for giving components loading behavior ★10 ⏳3Y
- react-pressable - Add onRelease, onReleaseInside, onReleaseOutside, and onPress events ★17 ⏳3Y
- react-google-analytics - Google analytics component ★102 ⏳1Y
- react-layers - A library for layering components in React ★52 ⏳3Y
- react-gcal-events-list - A Reusable component that pulls events from your google calendar ★12
- reactdi - Dependency injection for ReactJS components ★28 ⏳4Y
- qrcode.react - A
component for use with React ★862 - react-swf - Shockwave Flash Player component for React ★55
- react-unmount-listener-mixin - React mixin for listenable componentWillUnmount ★4 ⏳3Y
- react-sortable - A sortable list component built \w React ★597
- react-anything-sortable - A sortable component with IE8 compatibility ★400
- react-controllables - Easily create controllable components ★251 ⏳2Y
- [react-datalist - A
- react-pad - Authoring tool for React components ★3 ⏳4Y
- ogre.js - Object graph manager, built with ReactJS in mind ★4 ⏳3Y
- react-scroll-components - A set of components that react to page scrolling ★118 ⏳1Y
- react-fullscreen-component - Create fullscreen toggles ★35 ⏳3Y
- react-frozenhead - Make your whole page a React component and render it on the server ★59 ⏳3Y
- react-document-title - declarative, nested, stateful document.title ★1254
- react-tags - A simple wrapper around React.DOM ★5 ⏳4Y
- react-datepicker by @misino - Datepicker component for application using Facebook React ★19
- react-datepicker by @Hacker0x01 - A simple and reusable datepicker component for React ★2719
- react-table-sorter-demo - A React.js Table Sorter Component ★104 ⏳4Y
- react-table-component - React Table Component for creating a very basic html table
- react-input-placeholder - Input is a small wrapper around React.DOM.input ★34
- react-infinite-scroll - An infinite scroll component for React ★399
- react-ellipsis - Ellipsis component for React ★9 ⏳3Y
- react-pillbox - Pillbox component for React ★2 ⏳3Y
- react-intl - React Internationalization Component ★7607
- react-tokeninput - Tokeninput component for React
- react-select-box - An accessible select box component for React
- react-ladda - React wrapper for Ladda buttons ★252
- react-list - A versatile infinite scroll React component
- olay-react - Olay implemented as a React component ★17
- reactable - Fast, flexible, and simple data tables in React ★1472
- react-tabs - React tabs component
- react-draggable-tabs - Atom-fashioned draggable tabs ★29
- react-simpletabs - Just a simple tabs component ★176
- react-draggable - React draggable component ★3333
- react-resizable - A tiny Resizable component based on react-draggable ★581
- react-grid-layout - A Masonry-style responsive grid layout ★6461
- react-dnd - Flexible HTML5 drag-and-drop mixin for React with full DOM control
- react-sticky -
component for React-based apps ★1473 - js-object-to-table - JavaScript objects drawing themselves into a table using React ★4 ⏳3Y
- react-kaomoji - A React component for displaying Japanese emoticons ★1 ⏳3Y
- react-calendar - Calendar that inspired by React philosophy ★8 ⏳4Y
- react-element-pan - React component for allowing panning of DOM-elements ★49
- react-bootstrap-daterangepicker - A date/time picker for react (using Bootstrap) ★356
- react-bootstrap-datetimepicker - A react.js datetime picker for Bootstrap ★355
- react-bootstrap-multiselect - A multiselect component for react (with bootstrap) ★110
- react-colorpicker - Colorpicker for React ★73 ⏳1Y
- react-commits-graph - A React component to render an svg graph of git commits
- react-layout - Dynamic subview layout for React ★83 ⏳2Y
- react-weather - Example React weather app using forecast.io’s API ★73 ⏳1Y
- react-sparkline - React component for rendering simple sparklines ★135 ⏳2Y
- react-component-width-mixin - React mixin which sets width ★31 ⏳2Y
- react-micro-bar-chart - React component for micro bar-charts rendered with D3 ★102
- react-horizontal-bar-chart - Simple horizontal bar chart component, using D3 scales only ★12 ⏳2Y
- react-boxplot - Simple SVG box plots in React ★8 ⏳2Y
- react-infinity - A UITableView Inspired list and grid display ★466 ⏳1Y
- react-timeago - A simple time-ago component for React ★513
- react-spinkit - A collection of loading indicators animated with CSS for React ★983 ⏳1Y
- react.animate - State animation plugin for react.js ★173 ⏳2Y
- react-animate - React animation mixin ★284 ⏳2Y
- react-star-rating-input - React.js component for entering 0-5 stars ★38
- react-star-rating - A simple star rating component built with React.
- react-data-components - React components and mixins for manipulating data ★331
- react-number-editor - Number editor (textfield) component for react ★60
- react-localstorage - Simple localstorage mixin for react ★259
- react-sortable-data React Mixin to sort data easily ★10 ⏳3Y
- react-widgets - Suite of ui input widgets including combobox, multiselect, datepicker and more
- react-select - Rich Select Component ★11904
- react-video - React component to load video from Vimeo or Youtube ★213 ⏳2Y
- react-cassette-player - Vector-based HTML5 Audio Player ★90 ⏳1Y
- react-tagsinput - A simple react component for inputing tags. ★951
- react-autolink - An autolink mixin for React ★40 ⏳1Y
- react-emoji - An emoji mixin for React ★191 ⏳1Y
- react-portal - A transportation of (not just) modals and lightboxes to document.body ★1569
- react-hotkeys - Declarative hotkey and focus area management for React
- react-data-grid - Data grid for React:Excel-like grid component built with React, with editors, keyboard navigation, copy & paste ★2623
- react-datagrid - A carefully crafted DataGrid for React ★2 ⏳3Y
- react-table - A lightweight, fast and extendable datagrid for React ★3762
- react-panels - A multipurpose tabbed panel with many features ★116 ⏳1Y
- autoresponsive-react - A Magical Layout Libary For React
- Belle - Set of easy to style React Components with great UX
- react-input-color - React input color component with hsv color picker ★139
- react-medium-editor - React wrapper for medium-editor ★382
- react-progress-label - Progress label component ★72
- react-input-slider - React input slider component ★44
- react-range-slider - Collection of react slider components ★80
- rheostat - a www, mobile, and accessible slider component ★1215
- react-ui-tree - React tree component with drag and drop support ★515
- react-frame - React components within an iframe for isolated css styling ★45
- rodal - A React modal with animations ★445
- react-scrollbar - Simple ScrollArea component built for React ★319
- react-experiments - Implement A/B tests with randomized parameterizations of your components ★260
- react-slide-deck - For swipe, tabs, carousel, one page scroll. With animation hooks. tweening, tween callbacks ★77
- react-resizable-box - Resizable component for React
- react-ios-switch - React switch component
- react-listview-sticky-header - Turn listview with section headers that stick to the top ★62
- react-expandable-listview - Create listview with expandable section headers ★35
- react-keydown - Lightweight keydown wrapper for React components ★361
- searchkit - Components to build user interfaces for elasticsearch ★3369
- grommet - The most advanced UX framework for enterprise applications ★3328
- react-resizable-and-movable - Resizable and movable component for React
- react-sidebar - An app like sidebar for React including touch support
- react-motion - An spring-based animation library, similar to Rebound.js ★13368
- react-motion-menu - Motion menu component powered by React Motion
- sweetalert-react - Using sweetalert in React ★191
- React Joyride - Create walkthroughs, tours and tooltips for your apps
- react-file-reader-input - Complete control over styling + abstraction from file reading ★76
- react-sortable-pane - Resizable and sortable pane component for React ★319
- react-DnR - Dragable and Resizable window build with React.js ★73
- react-http-request - React component exposes network request functionality ★20
- react-https-redirect - Force a redirect to HTTPS when not on a local web server ★13
- react-browser-detection - React component to detect browser ★43
- react-text-mask - React input mask ★5760
- react-imask - another React input mask
- rebass - Configurable React Stateless Functional UI Components ★3849
- echarts-for-react - baidu Echarts(v3.0) components for React ★1297
- react-pagespeed-score - A React component for display a dial-type chart of PageSpeed Insights
- react-livestamp - A simple and html date countdown component for React ★6 ⏳1Y
- react-offcanvas - Off-canvas menus for React ★11 ⏳2Y
- react-svg-pan-zoom - Adds pan and zoom features to the SVG images
- react-virtualized - React components for efficiently rendering large lists and tabular data ★10912
- react-trend - Simple, elegant spark lines by Unsplash ★1978
- react-colorizer - A library for generation of harmonious color themes for React ★42
- react-skeletor - Display a skeleton preview of your application’s content before the data get loaded ★365
- react-data-menu - Smart data-driven menu rendered in an overlay, never clipped by other components or screen edges ★61
- omnibar - Extensible search component for React. ★51
- react-virtualized-sticky-tree - Render virtualized tree structures with support for position: sticky ★50
- react-flexbox-svg - Flexbox for SVG in React, using css-layout ★1 ⏳1Y
- react-instantsearch - Search Interface building blocks for Algolia ★503
- react-d3-tree - Create interactive D3 tree graphs ★105
- react-redux-modal-flex - Accessible modal dialog component for React, easy to install and use with Redux.
- react-switch - A draggable, customizable and accessible toggle-switch component.
- react-credit-card-input - A simple credit/debit card input field for React. ★44
- react-creditcard - An awesome react credit card component. ★22
- email-autocomplete-input - Simple email autocomplete input. ★10
- rlist-view - List view for react with pulling refresh and infinite data load ★9
- gmodal - Make delightful modal layer ★4
- react-breadcrumbs-dynamic - Extremely flexible and completely router-independent react breadcrumbs solution ★48
- react-automatic-width - Automatically sets
widthproperty on child components ★8 ⏳1Y - react-js-diagrams - A flow based diagramming library
- react-file-input-previews-base64 - Wrapper around file input, with option for image previews and returning file as base64 string ★8
- react-credit-cards - Beautiful credit cards for your payment forms ★540
- react-dropdown-tree-select - Lightweight, customizable and fast Dropdown Tree Select component for React ★58
- react-sortly - Simple, lightweight and highly customizable dnd nested sortable component ★5
- react-dates - An easily internationalizable, mobile-friendly datepicker library for the web ★7583
- react-ui-cards - Various card components for React ★12
- React components IO - A curated list of useful React component libraries and component related tools
- react-filepond - Drag ‘n Drop accessibile file upload component ★115
- pimg - A Progressive Image Component used for lazy loading images ★56
- object-editor-react - Schema-aware editor for structured JSON objects (drop-in component) ★27
- react-terminal-component - Emulate a terminal with autocomplete, commands, a file-system, themes and more. ★29
- react-scrolltop-button - A button component for scrolling to top of the page. ★4
- numeric-keyboard - Numeric keyboard for mobile browsers. ★93
- rsuite - A suite of React components ★1495
- react-vertical-timeline-component - A vertical timeline for React.js ★72
- react-handsontable - A React wrapper for the the Handsontable spreadsheet component. ★239
- animated-number-react - Super easy way to animate numbers with React ★0
- is-online-component - A simple react component that detects online and offline changes ★0
- react-paypal-btn - Add a PayPal button to your React app ★0
Containers
Libraries
- react-magic - Automatically AJAXify plain HTML with the power of React ★721
- react-toolbox - A set of React components implementing Google’s Material Design specification ★7952
- tcomb-react - Library allowing you to check all the props of your React components ★187
- react-responsive - Media queries in react for responsive design
- react-is-responsive - A utility to create responsive components in React ★0
- react-cursor - Functional state management abstraction for use with Facebook React ★1048 ⏳1Y
- Omniscient.js - Abstracting React components for fast top down render of immutable data ★1188
- Touchstonejs - React.js powered UI framework for developing beautiful hybrid mobile apps. ★3408
- Elemental - A UI Toolkit for React.js Websites and Apps
- StateTrooper - Centrally manage state for React applications with CSP ★12
- Preact: Fast 3kb React alternative with the same ES6 API.
- riotjs - A React- like, 3.5KB user interface library
- Maple.js - Bringing the concept of web-components to React ★429 ⏳2Y
- react-i13n - A performant, scalable and pluggable approach to instrumenting your React application ★292
- react-icons - svg react icons of popular icon packs
- Keo - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc… ★222
- Blueprint - A React-based UI toolkit for the web ★9501
- Bit - A virtual repository for managing and using react and other web components across applications ★2097
- AtlasKit - Atlassian’s React UI library
- ReactiveSearch - UI components libray for Elasticsearch ★1976
- Slate - A completely customizable framework for building rich text editors. ★7585
- react-animated-transitions - Easy animated transitions in React ★6
- react-json-schema - Construct React elements from JSON by mapping JSON definitions to React components that you expose. ★65
- compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React ★104
- react-with-analytics - Google Analytics for React apps with ease ★7
- react-cache-me-outside - OTA data updates for React apps. How bow dat! ★0
Integration
- ReactJS.NET ★1421
- React ASP.NET Boilerplate ★266
- React Bootstrap ★13167
- React Bootstrap Components Playground
- React Rails ★4997
- React on Rails
- om - ClojureScript interface
- quiescent - A lightweight ClojureScript abstraction over React ★600
- Reagent - A minimalistic ClojureScript interface to React.js ★3051
- react-haskell - React bindings for Haskell ★312 ⏳2Y
- Express React views ★1951
- Express Coffee-React views - render coffee-react on the server ★4 ⏳3Y
- React Page Middleware
- ngReact - React Components in Angular
- React Python
- React PHP ★1229
- React Laravel ★865 ⏳1Y
- React Meteor
- Coffee React ★426
- react-coffee - Build React components using natural CoffeeScript syntax ★18
- coffee-react-transform - Provides React JSX support for Coffeescript ★436
- sprockets-coffee-react - Sprockets preprocessor for CJSX ★85 ⏳1Y
- react-kup - A simple, non-intrusive alternative to jsx for coffeescript ★22 ⏳2Y
- turbo-react - Combine Turbolinks and React to apply DOM diffs ★253
- react-bacon - A little module for using React with Bacon.js ★118 ⏳2Y
- msx - React’s JSX Transformer, tweaked to output calls to Mithril ★376 ⏳1Y
- React.withBackbone - React 16 ready backbone binding ★1 ⏳1Y
- Backbone React Component ★830 ⏳1Y
- react-backbone - Backbone-aware mixins for react ★130 ⏳2Y
- NestedReact - transparent integration with Backbone Views and NestedTypes models ★80
- backbone-reaction - React, Backbone and then some ★20 ⏳3Y
- react.backbone - Plugin for React to make Backbone migration easier
- reactbone - React extensions for Backbone ★43 ⏳3Y
- backbone-react-ui - React components for use with backbone and backbone paginator ★17 ⏳3Y
- react-events - Declarative managed event bindings for react components ★78 ⏳3Y
- react-mixin-manager - React mixin registration manager ★33 ⏳3Y
- gsap-react-plugin - A GSAP plugin for tweening React.js component state ★127 ⏳3Y
- react-topcoat by @plaxdan - Topcoat CSS components built with the React library ★37 ⏳4Y
- react-topcoat by @arnemart - A collection of React components for Topcoat ★7 ⏳3Y
- reactdown - Write React components using markdown syntax ★102 ⏳1Y
- react-jade - Compile Jade to React JavaScript
- jade-react - Compile Jade templates to React.DOM expressions ★154 ⏳4Y
- gulp-jade-react - Compile Jade templates into React de-sugared JSX with Gulp ★23 ⏳4Y
- react-semantic-ui - React components for Semantic UI ★219 ⏳3Y
- semantic-react - React wrappers for Semantic UI ★3 ⏳4Y
- sbt-reactjs - React SBT Plugin using npm
- scalajs-react - A guilty affair between Scala.js and Facebook’s React ★1062
- rpm-xtags-rivets-finch-react - RPM project: x-tags, rivets.js, finch.js, and React ★0 ⏳4Y
- react-xtags - Using React to implement xtags ★46 ⏳5Y
- jreact - React on server-side Java (with Rhino or Nashorn) ★158 ⏳1Y
- React.hiccup - A complete replacement for JSX written in sweet.js ★60 ⏳4Y
- react-play - Rendering React components in the Play Framework with JDK8’s Nashorn ★216
- rx-react - Utilitiels to works with React in a RxJS ★608 ⏳1Y
- react-with-di - A hacked prototype of React.js with DI ★29 ⏳4Y
- reactfire - ReactJS mixin for easy Firebase integration ★1444
- firedux - Firebase + Redux for ReactJS ★152
- react-clickdrag-mixin - ClickDrag mixin for React component
- Rewrite the Admin UI of KeystoneJS in React
- react-masonry-mixin - Standalone mixin for Masonry (@desandro) ★175 ⏳1Y
- react-packery-mixin - Standalone mixin for Packery (Metafizzy) ★21 ⏳2Y
- react-dropzone - Simple HTML5 drag-drop zone with React.js.
- aframe-react - A-Frame VR + React ★3
- react-three - React bindings to create and control a 3D scene using three.js ★1348 ⏳1Y
- react-three-renderer - Render into a three.js canvas using React ★1261
- react-threejs - Simplest bindings between React & Three.js ★37
- react-masonry-css - Fast Masonry layout powered by CSS, dependancy free ★39
- react-captcha - A react.js reCAPTCHA for Google ★336
- reaptcha - Clean, modern and simple React wrapper for Google reCAPTCHA ★14
Forms
- React Forms
- react-formal - Better form validation and value management for React, Provides minimal wiring ★405
- react-forms - Forms library for React ★1164
- valuelink - full-featured two-way data binding with extended React links
- wingspan-forms - A dynamic form library for Facebook React ★290 ⏳1Y
- newforms - Isomorphic form-handling for React ★640
- formjs - A form generator for Reactjs ★45 ⏳4Y
- react-form-builder - A Form Builder for React.js ★51 ⏳1Y
- plexus-form - A dynamic form component for react using JSON-Schema ★127 ⏳2Y
- tcomb-form - UI library for developing forms writing less code ★1120
- formsy-react - A form input builder and validator for React JS ★2461
- Learn Raw React: Ridiculously Simple Forms
- Winterfell - Generate complex, validated and extendable JSON-based forms in React ★668
- Redux-Autoform - Create Redux-Forms dynamically out of metadata ★107
- uniforms - Bunch of React components and helpers to easily generate and validate forms ★499
- formik - Forms in React, without tears ★6997
- NeoForm – Modular HOCs for form state management and validation
- react-jsonschema-form – A React component for building Web forms from JSON Schema
- List View Select - A Togglable select box for React Native with native components ★41
- Final Form 🏁 ★2225
Autocomplete
- react-typeahead-search by @tonyspiro ★14 ⏳2Y
- react-autocomplete by @rackt - WAI-ARIA compliant React autocomplete
- react-autosuggest by @moroshko - WAI-ARIA compliant React autosuggest component ★3462
- react-autocomplete by @eliseumds- Just tasting some ReactJS + RxJS ★98 ⏳4Y
- react-autocomplete by @prometheusresearch - Autocomplete widget based on React ★37 ⏳1Y
- instatype by @gragland - Simple react autocomplete component ★44 ⏳1Y
- downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components ★4435
Documentation Tools
- react-docgen - Extract information from React component files for documentation generation ★1733
- react-styleguide-generator - Easily generate a good-looking styleguide ★685 ⏳1Y
Graphics
- react-art - React Bridge to the ART Drawing Library
- [react-canvas - High performance
- react-famous - Complex 3D animations UI at 60 FPS with Famo.us ★163 ⏳2Y
- react-kinetic - HTML5 Canvas via KineticJS using React ★63 ⏳3Y
- react-svg-morph - morph your svg components one into another ★552
Model Libraries
- mori - ClojureScript’s persistent data structures and supporting API ★2962 ⏳1Y
- NestedTypes - fast mutable models with “pure render” support ★97
- swarm - JavaScript replicated model (M of MVC) library ★2318
- caplet - JavaScript models library
Data Managing
- Immutable.js - Immutable Data Collections for Javascript ★24085
- cortex - A javascript library for centrally managing data with React ★1063
- avers - A modern client-side model abstraction library ★3
- imvvm - Immutable Model-View-ViewModel for React
- morearty.js - Better state management for React in pure JavaScript ★672
- valuable - An immutable data store for React ★102 ⏳3Y
- react-resolver - Isomorphic library to recursively lazy-load data for React components ★1587
- freezer-js - Lightweight and reactive immutable data structure for React ★1189
- MobX - Simple, scalable state management
- Qaf - Components as stores. Simple state management for React based on context ★1
- baobab - JavaScript persistent and optionally immutable data tree with cursors ★2853
- baobab-react - React integration for Baobab ★284
- datascript - Immutable database and Datalog query engine in ClojureScript ★2920
- immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React ★371 ⏳1Y
- seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects ★4539
- tydel - Typed Models and Collections, with React bindings
- extendable-immutable - Extend any Immutable.js data structure
- statty - A tiny and unobtrusive state management library for React and Preact apps ★509
- Hydux - An Elm-Like state manager for React with “batteries included” ★81
- ReSub - A library for writing better React components and data stores ★447
- ProppyJS - A tiny library for functional props composition
React Developer Experience
- react-devtools - React Chrome Developer Tools ★7159
- react-transform-hmr - A React Transform that enables hot reloading React ★758
- Nuclide - An open IDE for web and native mobile development, built on top of Atom
- babel-sublime - Syntax definitions for ES6 JavaScript with React JSX extensions ★2957
- babel-sublime-snippets - Next generation JavaScript and React snippets for Sublime ★245
- atom-react - Atom React.js support
- vim-jsx - Vim JSX Syntax ★1262
- vim-react-snippets - Vim version of the snippets from sublime-react ★122 ⏳1Y
- vim-babel - Wrapper around babel.js for vim ★47 ⏳2Y
- web-mode.el - An autonomous emacs major-mode for editing web templates
- eslint-plugin-react - React specific linting rules for ESLint ★4213
- generator-react-webpack - Yeoman generator for ReactJS and Webpack
- generator-react-gulp-browserify - Yeoman generator for React ★428 ⏳1Y
- generator-reactapp - Yeoman generator for react app with redux, webpack, gulp and restful.js etc. ★18 ⏳1Y
- static-site-generator-webpack-plugin - Prerender isomorphic JavaScript apps to static HTML ★1293
- react-cosmos - DX tool for designing reusable React components ★3908
- React Storybook - UI Component Dev Environment for React
- generator-sui-react - A yeoman generator for Schibsted User Interface (SUI) ReactJS components ★15 ⏳1Y
- Racket - A yeoman generator for creating a universal react/redux web application ★295 ⏳1Y
Template Engines
- react-templates - Lightweight templates for React ★2388
- teact - A JSX alternative based on composing functions in the Markaby / CoffeeKup / Teacup tradition ★19 ⏳1Y
Maps
- react-googlemaps - React interface to Google maps ★213 ⏳2Y
- react-maps - A map component for React ★43 ⏳3Y
- react-google-maps - React.js Google Maps integration component ★3330
- react-gmaps - A Google Maps component for React.js ★278
- react-map-gl - A React wrapper for MapboxGL-js plus overlay API ★3660
- google-map-react - Isomorphic google map React component
- react-mapbox-gl - A mapbox-gl-js wrapper to make the API react friendly ★681
Charts
- react-chartjs - Common react charting components using chart.js
- react-stockcharts - Highly customizable stock charts with ReactJS and d3 ★1747
- Number Picture - Low-level building blocks for constructing animated visualizations with React & D3.
- VictoryJS - A collection of composable React components for building interactive data visualizations ★6059
- Recharts - A charting library built on D3 with an awesome declarative API ★9226
React Native
Framework for building native apps using React
React Native General Resources
- React Native Official Site
- React Native GitHub ★65553
- React Native Newsletter
- React Native Playground
- React Native Awesome List ★19971
- React Native StackOverflow
- React Native Radio
React Native Tutorials
- React Native Tutorial
- Building the F8 2016 App
- Introducing React Native: Building Apps with JavaScript
- Introduction to React Native: Building iOS Apps with JavaScript
- React Native Meets Async Functions
- Gesture detection in React Native – fixing unexpected panning
- Use The iOS Camera In Your React Native Mobile App
- Digital Smart Mirror lab with React Native
- The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)
- The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)
- A Mini-Course on React Native Flexbox
- A Complete Guide to Flexbox
- Test driving react native applications
React Native Developer Experience
- react-native-webpack-server - Build React Native apps with Webpack ★924 ⏳1Y
- react-native-code-push - React Native plugin for the CodePush service ★4639
- Preview your React Native apps in your Github Pull Request
React Native Sample Apps
React Native Boilerplates
- Create React Native App - Create a React Native app on any OS with no build config, with or without Expo ★9989
- Snowflake - React Native iOS & Android with Redux, Parse.com, Jest (88% coverage) ★4154 ⏳1Y
- Ignite - The hottest CLI for React Native, boilerplates, plugins, generators, and more! ★8005
React Native Awesome Components
- react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native ★324
- react-native-fbsdk - A wrapper around the iOS Facebook SDK ★1962
- react-native-side-menu - Simple customizable component to create side menu
- react-native-mapbox-gl - A Mapbox GL react native module ★1441
- react-native-icons - Quick and easy icons in React Native ★1160
- react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar ★8505
- react-native-google-signin - Google Signin for React Native
JSX
XML-Like Syntax Extension to JavaScript
JSX Resources
Flux
Application Architecture for Building User Interfaces
Flux General Resources
Flux Implementations
- Flux Comparision ★2702
- RefluxJS
- Fluxxor ★1690
- Marty ★1109 ⏳2Y
- McFly ★774 ⏳1Y
- Alt ★3478
- Fluxible ★1801
- NuclearJS ★1874
- Flummox ★1681
- Coflux ★11 ⏳1Y
- MobX
- Sinux ★3
Flux Tutorials
- Building Applications with React and Flux
- Flux Application Architecture
- Flux: A simple architecture model to build Client-side apps
- Isomorphic Flux examples using Dispatchr and Fetchr from Yahoo
- Async requests with React.js and Flux
- Implementing Flux in CoffeeScript
- React: Flux Architecture
- Understanding Flux
- Yo in Flux
- React.js architecture - Flux VS Reflux
- Avoiding Event Chains in Single Page Applications
- ReactJS and Flux
- Deconstructing ReactJS’s Flux
- Flux Step By Step
- Flux in practice
- What is the Flux Application Architecture?
- React + Flux Backed by Rails API: Part 1
- React + Flux Backed by Rails API: Part 2
- React + Flux Backed by Rails API: Part 3
- Flux solutions compared by example
- Flux Cargo-Culting
- The Case for Flux
- The Evolution of Flux Frameworks
- React with Flux by example - a simple Todo List dissected
- FOR FLUX SAKE! - a beginners tutorial ★29 ⏳2Y
- Simple Counter App with React and Nuclear JS
- LearnCode.academy Flux Tutorial Series
Redux
Predictable State Container for JavaScript Apps
Redux General Resources
Redux Tools
- react-redux - Official React bindings for Redux
- redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
- redux-form - A Higher Order Component using react-redux to keep form state ★9845
- redux-thunk - Thunk middleware for redux
- redux-logger - Logger middleware for redux
- reselect - Selector library for Redux
- normalizr - Normalizes nested JSON according to a schema ★13322
- redux-saga - An alternative side effect model for Redux apps
- redux-data-fx - Declarative Side Effects for Redux ★50
- redux-observable - RxJS middleware for Redux ★5279
- redux-analytics - Analytics middleware for Redux ★482 ⏳1Y
- redux-undo - Higher order reducer to add undo/redo functionality to redux state containers ★1880
- redux-search - Redux bindings for client-side search
- redux-mock-store - A mock store for your testing your redux async action creators and middleware ★1459
- redux-immutable - Create an equivalent function of Redux combineReducers that works with Immutable.js state ★1473
- redux-react-i18n - An i18n solution for redux/react ★56
- R16N - A redux/react I18n solution ★4
- redux-actiontyper - Helper to create less verbose action types for Redux ★44
Redux Tutorials
- Building Applications with React and Redux in ES6
- Getting Started with Redux
- Building React Applications with Idiomatic Redux
- Redux Tutorial ★3734
- Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 1
- Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 2
- Full-Stack Redux Tutorial
- Server-Side Rendering with Redux and React-Router
- Deep Introduction to Redux
- Unit Testing Redux Apps
- Secure Your React and Redux App with JWT Authentication
- Build an Image Gallery Using React, Redux and redux-saga
- A simplified approach to calling APIs with redux
- React Redux based blood donor demo application ★43 ⏳2Y
- LearnCode.academy Redux Tutorials Series
MobX
Simple, scalable state management for JavaScript Apps
MobX General Resources
MobX Tools
MobX Tutorials
- Ten minute introduction to MobX and React
- Manage Complex State in React Apps with MobX
- Refactor your application from Redux to MobX
- Redux or MobX: An attempt to dissolve the Confusion
Testing
React Testing
Testing Utilities
- Jest - Painless JavaScript Unit Testing
- enzyme - JavaScript Testing utilities for React ★14019
- chai-immutable - Chai assertions for Facebook’s Immutable library for JavaScript collections ★145
Testing Tutorials
- Approaches to testing React components - an overview
- Unit testing React components without a DOM
- The missing piece to the React testing puzzle
GraphQL
Query Language
GraphQL Spec
GraphQL Tools
- GraphCMS - The GraphQL Headless CMS
- GraphQL CMS ★288
- Mongoose schema To GraphQL ★133
- GraphQL bridge to REST API ★33
- GraphQL Playground - GraphQL IDE for better development workflows
GraphQL Tutorials
- GraphQL Introduction
- First Thoughts on GraphQL
- Modeling Queries in a GraphQL Like Way
- Thin and Graphy
- GraphQL and g2sd
- GraphQL Overview - Getting Started with GraphQL and Node.js
- Writing a Basic API with GraphQL
- Building a GraphQL Server with Node.js and SQL
- GraphQL Tour: Variables
- How to Graphql - The Fullstack Tutorial for GraphQL
- Build an online text RPG with React and GraphQL
GraphQL Implementations
- graphql-js - A reference implementation of GraphQL for JavaScript ★10648
- react-transmit - Relay-inspired library based on JavaScript Promises ★1351
- graphql-ruby - Ruby implementation of Facebook’s GraphQL ★2885
- graphql-java - GraphQL Java implementation
- sangria - Scala GraphQL client and server library
- graphql-php - A PHP port of GraphQL reference implementation ★2130
- graphene - GraphQL in Python made simple
- graphqllib - GraphQL implementation for Python ★161 ⏳2Y
- graphql-dotnet - GraphQL for .NET ★2052
- graphql-go - GraphQL for Go/Golang ★3205
Server Integration
- express-graphql - Create a GraphQL HTTP server with Express ★3419
- graphql-yoga - Easiest way to run a GraphQL server
Database Integration
- Hasura - Build scalable GraphQL applications on Postgres in minutes. Create tables and relationships and get GraphQL APIs instantly with fine grained permissions and access control.
- Prisma - a performant open-source GraphQL ORM-like * layer doing the heavy lifting in your GraphQL server.
- graphql-bookshelf - Some help defining GraphQL schema around BookshelfJS models ★163
- GraphpostgresQL - GraphQL for PostgreSQL ★997 ⏳1Y
- graffiti - Node.js GraphQL ORM ★1041 ⏳1Y
- sql-to-graphql - Generate a GraphQL API based on your SQL database structure
- graphql-sequelize - GraphQL & Relay for MySQL & Postgres via Sequelize ★1137
Relay
Data-Driven React Applications
Relay General Resources
Relay Tutorials
- official Relay Getting Started
- Relay for Visual Learners
- Getting Started with Relay
- Relay and Routing
Relay Tools
- graphql-relay-js - A library to help construct a graphql-js server supporting react-relay ★1003
- react-router-relay - Relay integration for React Router ★562
- relay-local-schema - Use Relay without a GraphQL server ★206
- relay-codemod - Codemod scripts based for on jsodeshift to update Relay APIs ★3371
Apollo
Data stack based on GraphQL
Apollo General Resources
Flow
Static Type Checker for JavaScript
Flow Resources
Videos
Video from Confs
- Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013
- Pete Hunt: High performance functional programming with React and Meteor – Devshop 11
- Stoyan Stefanov: Introduction to React - LAWebSpeed meetup
- Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014
- Pete Hunt: The Secrets of React’s Virtual DOM - FutureJS 2014
- Hacker Way: Rethinking Web App Development at Facebook
- Christopher Chedeau: Why does React Scale? - JSConf2014
- Christopher Chedeau: React’s Architecture - OSCON 2014
- Christian Johansen: Functional UI Programming - flatMap 2014
- Pete Hunt: React RESTful UI Rendering - Strange Loop 2014
- Stefano Masini: Refactoring to React - Amsterdam Javascript MVC meetup 10 sep 2014
- Pete Hunt: How Instagram.com Works - OSCON 2014
- Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014
- Vagmi Mudumbai: Building single page apps with React.JS - JSFoo 2014
- Ben Anderson: Reactive, Component-based UIs with React - E4E Developer Conf 2014
- Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014
- Pete Hunt, Aaron Murray, and Contra Schof: Facebook React at the Famo.us Meetup 8/13/14
- Steven Luscher: Decomplexifying Code with React - Powered by JavaScript conf 2014
- James Pearce: An Introduction to ReactJS - All Things Open 2014
- Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014
- Jonathan Beebe: Real World React - Nodevember 2014
- Pete Hunt: Secrets of the Virtual DOM - JSConf.au 2014
- Dave Smith: Angular + React = Speed - ng-conf 2015
- Ilya Boyandin: Interactive Data Visualization with React: Taming the Complexity of Changing State - OpenVis 2015
- React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)
- Flux: A Unidirectional Data Flow Architecture for React Apps - ACM Applicative 2015
- Michael Chan: React.js on Rails
- What’s new in React Native
- Building and Deploying Relay with Facebook
- Supercharge your React.js Development with Taylor Hakes
- Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock
- Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015
- Pete Hunt: Immediate Mode UIs with React - SFJS Meetup 2015
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
Video Tutorials
- learnreact.com — 3ish minute videos on React.js
- Learn ReactJS (make a Pokedex!) - part 1
- Learn ReactJS (make a Pokedex!) - part 2
- React.js Components - part 1
- React.js Components - part 2
- Advanced Input Validation With React
- ReactJS: Dealing with the Server
- Building UIs with ReactJS
- React.js Internals
- React in 7 Minutes
- jFlux - Going from MVC to FLUX
- Learn React in steps - BigBinary
- Keep up with React - BigBinary
- React Native Intro
- Building a Simple ToDo App With React Native and Firebase
- React & Flux by: Christian Lilley
- React for beginners
- React For Everyone
- React Native in Arabic - Create a real app series
- Start Using React to Build Web Applications
- Modern React with Redux
- Advanced React and Redux
Books
- SurviveJS - Webpack and React
- Fullstack React: The Complete Guide to ReactJS and Friends
- The Road to learn React
- Isomorphic Development with JavaScript
- React in Action
- React Quickly
- React: Up & Running: Building Web Applications
- Developing a React.js Edge
- Builder Book: Build a Full-stack JavaScript Web App from Scratch
Demos
- React and React Native State Museum
- react.rocks - Pinterest-style directory of online demos with available code
- react-hn - A React & react-router-powered implementation of Hacker News ★1910
- react-pokemon - A React component for displaying Pokémon ★56 ⏳1Y
- React + Backbone TodoMVC
- React + NestedTypes TodoMVC ★2 ⏳2Y
- react-rxjs-todomvc - TodoMVC implementation with React and RxJS ★335 ⏳1Y
- react-mvc - A sample chat application written with React and pure MVC ★35 ⏳2Y
- react-observe-todomvc - TodoMVC implementation built on top of React and Object.observe ★23 ⏳4Y
- react-lights-out - Simple demo of the React framework’s power and flexibility ★24 ⏳4Y
- todomvc-swarm - React TodoMVC implementation using Swarm for real-time collaboration ★292 ⏳3Y
- reactodo - Multiple localStorage TODO lists, built with React ★24 ⏳3Y
- lifequote - React port of a life insurance quick quoting application ★27 ⏳2Y
- reactor-demo - Isomorphic Javascript app with React ★17 ⏳4Y
- imgsible - React-based Imgur-like isomorphic demo app ★130 ⏳4Y
- wow-realm-status-react - WoW Realm Status: React Edition ★2 ⏳4Y
- react-json-editor - A generic JSON editor ★108
- react-todos - Backbone’s example TODO app with React JS for views ★31
- github-issues-viewer - A gitub issues viewer build in react + backbone ★243 ⏳4Y
- wolfenstein3D-react - Wolfenstein with the rendering layer written in React ★44 ⏳2Y
- Flux ImmutableJS TodoList ★44 ⏳2Y
- Hapi+React+Flux user management system ★1310
- Redux TodoMVC
- react-babel-webpack - CRUD demo app featuring React, React Router, Flux, Webpack, Bootstrap
- React/Redux CRUD with persistent state in Local Storage ★23 ⏳2Y
- React Slack clone - comprehensive Slack clone built with React and Chatkit ★732
- react-color-wander - Generative art with React ★2
Example Apps
- isomorphic500 - Isomorphic JS app built with React and Fluxible ★1351 ⏳2Y
- fil - A playground for in-browser interpreters (Redux) ★845 ⏳1Y
- sound-redux - A Soundcloud client built with React / Redux ★4235
- react-pomodoro - A Pomodoro timer for developers ★286
- Do - Notes management application built with React and Redux ★245 ⏳1Y
- soundcloud-react-redux - A SoundCloud Client built with React / Redux ★1234
- soundcloud-react-mobx - A SoundCloud Client built with React / MobX ★402
- A Reimplementation of Winamp 2.9 with React and Redux
- ComingOrNot - Event Planner built with react, react-router, redux, graphQL & serverless ★39
- React Reduction - Admin Dashboard built with React + Bootstrap4 ★275
- React Code Splitting Sample - React + React Router + Flux ★3
- Responsive React ‘The Movie Database’ (TMDb) App ★421
Real Apps
- khan/perseus ★970
- mozilla/payments-ui ★132 ⏳1Y
- webbylab/itsquiz-wall ★488
- brainfock/brainfock ★399
- HVF/franchise ★3199
- KELiON/cerebro ★5035
- stride-nyc/remote_retro ★188
- Sqlectron - SQL client
- ALM - A cloud ready IDE for React + TypeScript
- Spectrum – Simple, powerful online communities
- Mattermost – Open source Slack-alternative
- SaaS Boilerplate – Open source web app to quickly build your own SaaS product
Contribution
Your contributions and suggestions are heartily♡ welcome. (✿◠‿◠)
License
—
This list is a copy of enaqx/awesome-react with ranks