react-study

react-study copied to clipboard

👋 这里是 React 学习天堂

希望你能有所收获, 期待你的 Star

If you like this series or learn something from it, please★ this repository to show your support! 🤩

本仓库非常适合 React 的学习者，持续收集 React 相关的技术好文，如果有什么问题、错误的地方或者有什么想要添加的内容，欢迎与我联系！

React 基础学习

• 基础知识以及 jsx 语法
• 面向组件编程
• 生命周期 LifeCycle
• diffing 算法
• 认识脚手架
• TodoList 案例
• 脚手架配置代理
• GitHub 搜索案例
• 消息订阅发布
• React 路由
• React 路由传参
• React 路由跳转
• antd 组件库的基本使用
• redux 基本使用
• React-Redux 基本使用
• 数据共享
• React 扩展
• React Hooks

React 源码解析

• 专栏介绍
• React 设计理念
• React Fiber 架构

Render 阶段

• Render 阶段 - beginWork
• Render 阶段 - completeWork

commit 阶段

• commit 阶段流程概览
• BeforeMutation 阶段
• Mutation 阶段
• Layout 阶段

Diff 算法

• Diff 算法概览
• 单节点 Diff
• 多节点的 Diff

状态更新

• 状态更新流程概览
• 优先级更新
• 状态更新调度源码解析

Scheduler 模块

• Scheduler 实现原理
• Scheduler 源码解析

Hooks 实现

• React Hooks 源码概览
• React Hooks useState 源码
• useReducer 源码解析
• useContext 源码解析
• useEffect 源码解析
• useLayoutEffect 源码解析
• useRef 源码解析
• useCallback & useMemo 源码解析
• useId 源码解析
• useTransition 源码解析
• Q & A

React 进阶电子书

• React 技术揭秘
• 人人都能读懂的 react 源码解析
• React 源码解析
• React 进阶实践指南
• reactExplain
• 图解React原理系列
• React 进阶专栏
• React 源码解析 -- 基于v18

React 精选文章

• 走进React Fiber 架构
• 这可能是最通俗的 React Fiber(时间分片) 打开方式
• 走进React Fiber的世界
• 详解 react diff
• 一文吃透react事件系统原理
• React 事件系统工作原理
• react-router v6 通关指南
• 一文吃透react-hooks原理
• React 18 超全升级指南
• 从React源码分析渲染更新流程
• React小技巧汇总
• React 全部 Hooks 使用大全 （包含 React v18 版本
• React Hooks 源码学习
• 2022 的 React 生态
• React 原理 -- 浅析 React Fiber 架构

React Hooks 实战项目

• 项目介绍&登录注册
• 项目列表展示
• 项目列表功能模块
• 搜索功能实现
• 路由跳转页面
• 看板页面展示
• 任务组页面实现
• 拖拽功能实现
• 项目总结

If you like this series or learn something from it, please★ this repository to show your support! 🤩

以上就是这个仓库的全部内容了，祝愿大家有个美好的未来如果有什么问题、错误的地方或者有什么想要添加的内容，欢迎与我联系！