Awesome React Lists

This file aggregates curated popular links for learning React, Syntax, DevOps, Production Tips, Internals, OpenSource, etc. More reference about ITCS can turn to Awesome Links: Guide to Galaxy, which collects valuable, popular and up-to-date links for CS, including Programming Language, Software Engineering, Server Side Application, Infrastructure, InfoSecurity, Industrial Application, DataScienceAI, Frontend Technology(iOS, Android, RN, Electron), etc.

Source files are hosted in Github, PRs Welcome.

如果想了解更多关于 Redux、MobX 等相关生态系统的资料,同样可以查看 Awesome Lists 中的 Redux LinksMobX Links 等内容。

Overview | 概述


  • 2016-《React In-depth: An exploration of UI development》📚:Our goal with this GitBook is to document our process, share our research and try to organize our experiences into a single living document. Too be honest, this is a pretty lofty goal. We may not achieve this goal, but hopefully we can get some helpful thoughts down.

  • 2016-《SurviveJS - React》📚: This book shows you how to build a little Kanban application using React. During the process you will learn the basics and will be able to take the skills to your own projects.

  • 2017-《React Bits》📚: A compilation of React Patterns, techniques, tips and tricks.

  • 2017-《Learning React》-1st 📚: If you want to learn how to build efficient user interfaces with React, this is your book. Authors Alex Banks and Eve Porcello show you how to create UIs with this small JavaScript library that can deftly display data changes on large-scale, data-driven websites without page reloads. Along the way, you’ll learn how to work with functional programming and the latest ECMAScript features.

  • 2017-《Mastering Full-Stack React Web Development》📚: Learn how to create dynamic full-stack applications with ReactJS and other leading JavaScript tools – smarter web development starts here.

  • 2017-《React Design Patterns and Best Practices》📚: Build modular applications that are easy to scale using the most powerful components and design patterns that React can offer you right now About This Book.

  • 2017-《React Express #Series#: The all-in-one beginner’s guide to modern React application development!

  • 2017-《React and React Native》📚: Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps.

  • 2018-《React in patterns》📚: A book about common design patterns used while developing with React. It includes techniques for composition, data flow, dependency management and more.

  • 2018-《React From Zero》📚: Everything runs in the browser without a manual pre-compilation.

  • 2020-《react-book》📚: Free book on React. Beginner to intermediate.

  • 2020-《图解 React 源码》📚 : react 源码, 基于react@17.0.2(尽可能跟随 react 版本的升级, 持续更新). 用大量配图的方式, 致力于将 react 原理表述清楚.

Concept | 概念阐述

Ecosystem | 生态圈

  • 2016-A Primer on the React Ecosystem Serials: I thought I’d share what I’ve learned so far through a primer. Over three parts, I’m going to show you how to set up an environment for React app development, create React components and have them respond to data changes, manage app state with Redux.

  • 2018-揭秘 React 生态体系: React 可以说是目前为止最热门,生态最完善,应用范围最广的前端框架。React 结合它的整个生态,它可以横跨 web 端,移动端,服务器端,乃至 VR 领域。

Case Study | 案例分析

Resource | 资源

Blog | 博客

Course & Conf | 课程与会议

  • 2017 React 大会:2017 年 React Conf 于 3 月 13 日、14 日成功举办,会上来自世界各地的开发者就 React Fiber、Flow、Performance、React Native 等多个主题发表了演说与讨论,推荐选择自己喜欢的演讲视频观看。

  • 2017-learncodeacademy/react-js-tutorials: Code that goes along with my YouTube React JS Series.

  • 2018-React 从入门到精通 🎥: 极客时间:React 从入门到精通。

  • 2020-30 Days of React 🎥: 30 Days of React challenge is a step by step guide to learn React in 30 days. This challenge needs an intermediate level of HTML, CSS, and JavaScript knowledge. It is recommended to feel good at JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of Java…

  • 2020-Advanced-React 🎥: Starter Files and Solutions for Full Stack Advanced React and GraphQL

  • 2021-react-fundamentals : Learn everything you need to be effective with the fundamental building block of React applications. When you’re finished, you’ll be prepared to create React components to build excellent experiences for your app’s users.

  • 2023-ultimate-react-course 🎥: Starter files, final projects, and FAQ for my Ultimate React course

Collection | 集合


Tutorial | 教程