React General Resources

• React Official Website
• React Documentation
• React GitHub

React Community

• Reactiflux Discord Channel
• React StackOverflow
• React Twitter

React Online Playgrounds

• CodePen
• CodeSandbox
• JSFiddle

Another Awesome Lists

• https://bestofreactjs.com/

React Tutorials

React General Tutorials

• React Official Tutorial
• Using React in Visual Studio Code
• Scrimba - Learn React for free interactively
• FreeCodeCamp React Challenges
• React Cheatsheet
• React Patterns
• Setup Flow with React

React Hooks

• React Hooks
• Awesome React Hooks
• Thinking in React Hooks
• Replacing Redux with React Hooks and Context
• React Hooks cheat sheet: Unlock solutions to common problems
• How to fetch data with React Hooks?
• Easy to understand React Hook recipes
• React Hooks Video Tutorial

React and TypeScript

• TypeScript, React and Webpack
• JSX in TypeScript
• Cheatsheets for experienced React developers getting started with TypeScript
• React by Example

React Performance

• React Optimizing Performance
• Introducing the React Profiler
• Optimizing React: Virtual DOM explained
• A Definitive Guide to Optimize Major Performance issues in React
• Twitter Lite and High Performance React Progressive Web Apps at Scale
• Using the React DevTools Profiler to Diagnose React App Performance Issues
• Top 5 Practices to Boost React Performance
• React is Slow, React is Fast: Optimizing react Apps in Practice
• Rendering large lists with react-window

React Internals

• Reconciliation
• React Fiber Architecture
• Build your own React
• Inside Fiber: In-depth overview of the new reconciliation algorithm in React
• Entire React code base explanation by visual block schemes

React Interview Questions

• 13 Essential React Interview Questions
• List of React interview Questions and Answers
• React Coding Challenges

React Tools

React Development Tools

• react-devtools - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
• react-hot-loader - Tweak React components in real time
• react-loadable - A higher order component for loading components with promises
• loadable-components - React code splitting made easy
• reactotron - A desktop app for inspecting your React and React Native projects
• storybook - UI component dev & test
• docz - Zero Config, live-reloading documentation with Markdown + JSX
• react-styleguidist - Isolated React component development environment with a living style guide
• react-cosmos - Dev tool for creating reusable React components
• eslint-plugin-react - React specific linting rules for ESLint
• eslint-plugin-jsx-a11y - Static AST checker for a11y rules on JSX elements
• @axe-core/react - Accessibility auditing for React applications
• DataFormsJS JSX Loader - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
• Why Did You Render - Monkey patches React to notify you about avoidable re-renders.
• Divjoy - React codebase and UI generator to speed up development (paid)
• Plasmic - Powerful design tool for building your React components visually.
• jsx-ast-utils - AST utility module for statically analyzing JSX
• react-scanner - Extract React components and props usage from code

React Starter Kits and Toolchains

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

React Frameworks

• next.js - The React Framework
• gatsby.js - Free and open source framework based on React
• react-admin - Frontend Framework for building B2B applications on top of REST/GraphQL APIs
• remix - Finally, a killer React framework from the creators of React Router
• Blitz - The Fullstack React Framework
• aleph.js - The React Framework in Deno