# react-study **Repository Path**: zhouyang_0322/react-study ## Basic Information - **Project Name**: react-study - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-12-19 - **Last Updated**: 2023-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

👋 这里是 React 学习天堂

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

github wechat juejin

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

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

## React 基础学习 - [基础知识以及 jsx 语法][1-1] - [面向组件编程][1-2] - [生命周期 LifeCycle][1-3] - [diffing 算法][1-4] - [认识脚手架][1-5] - [TodoList 案例][1-6] - [脚手架配置代理][1-7] - [GitHub 搜索案例][1-8] - [消息订阅发布][1-9] - [React 路由][1-10] - [React 路由传参][1-11] - [React 路由跳转][1-12] - [antd 组件库的基本使用][1-13] - [redux 基本使用][1-14] - [React-Redux 基本使用][1-15] - [数据共享][1-16] - [React 扩展][1-17] - [React Hooks][1-18] ## React 源码解析 - [专栏介绍][3-1] - [React 设计理念][3-2] - [React Fiber 架构][3-3] **Render 阶段** - [Render 阶段 - beginWork][3-4] - [Render 阶段 - completeWork][3-5] **commit 阶段** - [commit 阶段流程概览][3-6] - [BeforeMutation 阶段][3-7] - [Mutation 阶段][3-8] - [Layout 阶段][3-9] **Diff 算法** - [Diff 算法概览][3-10] - [单节点 Diff][3-11] - [多节点的 Diff][3-12] **状态更新** - [状态更新流程概览][3-13] - [优先级更新][3-14] - [状态更新调度源码解析][3-15] **Scheduler 模块** - [Scheduler 实现原理][Scheduler-origin] - [Scheduler 源码解析][Scheduler-code] **Hooks 实现** - [React Hooks 源码概览][hooks-pre] - [React Hooks useState 源码][hooks-useState] - [useReducer 源码解析][hooks-useReducer] - [useContext 源码解析][hooks-useContext] - [useEffect 源码解析][hooks-useEffect] - [useLayoutEffect 源码解析][hooks-useLayoutEffect] - [useRef 源码解析][hooks-useRef] - [useCallback & useMemo 源码解析][hooks-useMemo] - [useId 源码解析][hooks-useId] - [useTransition 源码解析][hooks-useTransition] - [Q & A][hooks-qa] ## React 进阶电子书 - [React 技术揭秘][5-1] - [人人都能读懂的 react 源码解析][5-2] - [React 源码解析][5-3] - [React 进阶实践指南][5-4] - [reactExplain][5-5] - [图解React原理系列][5-6] - [React 进阶专栏][5-7] - [React 源码解析 -- 基于v18][5-8] ## React 精选文章 - [走进React Fiber 架构][4-1] - [这可能是最通俗的 React Fiber(时间分片) 打开方式][4-2] - [走进React Fiber的世界][4-3] - [详解 react diff][4-4] - [一文吃透react事件系统原理][4-5] - [React 事件系统工作原理][4-6] - [react-router v6 通关指南][4-7] - [一文吃透react-hooks原理][4-8] - [React 18 超全升级指南][4-9] - [从React源码分析渲染更新流程][4-10] - [React小技巧汇总][4-11] - [React 全部 Hooks 使用大全 （包含 React v18 版本][4-12] - [React Hooks 源码学习][4-13] - [2022 的 React 生态][4-14] - [React 原理 -- 浅析 React Fiber 架构][4-15] ## React Hooks 实战项目 - [项目介绍&登录注册][2-1] - [项目列表展示][2-2] - [项目列表功能模块][2-3] - [搜索功能实现][2-4] - [路由跳转页面][2-5] - [看板页面展示][2-6] - [任务组页面实现][2-7] - [拖拽功能实现][2-8] - [项目总结][2-9]

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

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

[1-1]: https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E4%B8%80%EF%BC%89--%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BB%A5%E5%8F%8A%20jsx%E8%AF%AD%E6%B3%95.md [1-2]: https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E4%BA%8C%EF%BC%89--%20%E9%9D%A2%E5%90%91%E7%BB%84%E4%BB%B6%E7%BC%96%E7%A8%8B.md [1-3]: https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E4%B8%89%EF%BC%89%20--%20%E7%BB%84%E4%BB%B6%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.md [1-4]: https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%9B%9B%EF%BC%89--%20diffing%20%E7%AE%97%E6%B3%95.md [1-5]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E4%BA%94%EF%BC%89--%20%E5%88%9D%E5%A7%8B%E5%8C%96%E8%84%9A%E6%89%8B%E6%9E%B6.md [1-6]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%85%AD%EF%BC%89--%20TodoList%20%E6%A1%88%E4%BE%8B.md [1-7]: https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E4%B8%83%EF%BC%89--%20%E8%84%9A%E6%89%8B%E6%9E%B6%E9%85%8D%E7%BD%AE%E4%BB%A3%E7%90%86.md [1-8]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%85%AB%EF%BC%89--%20GitHub%20%E6%90%9C%E7%B4%A2%E6%A1%88%E4%BE%8B.md [1-9]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E4%B9%9D%EF%BC%89--%20%E6%B6%88%E6%81%AF%E8%AE%A2%E9%98%85%E5%8F%91%E5%B8%83.md [1-10]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%EF%BC%89--%20React%20%E8%B7%AF%E7%94%B1.md [1-11]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%E4%B8%80%EF%BC%89--%20React%20%E8%B7%AF%E7%94%B1%E4%BC%A0%E5%8F%82.md [1-12]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%E4%BA%8C%EF%BC%89--%20React%20%E8%B7%AF%E7%94%B1%E8%B7%B3%E8%BD%AC.md [1-13]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%E4%B8%89%EF%BC%89--%20antd%20%E7%9A%84%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8.md [1-14]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%E5%9B%9B%EF%BC%89--%20redux%20%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8.md [1-15]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%E4%BA%94%EF%BC%89--%20React-Redux%20%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8.md [1-16]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%E5%85%AD%EF%BC%89--%20%E6%95%B0%E6%8D%AE%E5%85%B1%E4%BA%AB.md [1-17]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%EF%BC%88%E5%8D%81%E4%B8%83%EF%BC%89--%20React%20%E6%89%A9%E5%B1%95.md [1-18]:https://github.com/linjunc/react-study/blob/main/React%20%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0/React%E6%A0%B8%E5%BF%83%20--%20React-Hooks.md [2-1]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E4%B8%80%EF%BC%89%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2.md [2-2]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E4%BA%8C%EF%BC%89%E9%A1%B9%E7%9B%AE%E5%88%97%E8%A1%A8%E5%B1%95%E7%A4%BA.md [2-3]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E4%B8%89%EF%BC%89%E9%A1%B9%E7%9B%AE%E5%88%97%E8%A1%A8%E5%8A%9F%E8%83%BD%E6%A8%A1%E5%9D%97.md [2-4]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E5%9B%9B%EF%BC%89%20%E6%90%9C%E7%B4%A2%E5%8A%9F%E8%83%BD%E5%AE%9E%E7%8E%B0.md [2-5]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E4%BA%94%EF%BC%89%E8%B7%AF%E7%94%B1%E8%B7%B3%E8%BD%AC%E9%A1%B5%E9%9D%A2.md [2-6]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E5%85%AD%EF%BC%89%E7%9C%8B%E6%9D%BF%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA.md [2-7]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E4%B8%83%EF%BC%89%E4%BB%BB%E5%8A%A1%E7%BB%84%E9%A1%B5%E9%9D%A2%E5%AE%9E%E7%8E%B0.md [2-8]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E5%85%AB%EF%BC%89%E6%8B%96%E6%8B%BD%E5%8A%9F%E8%83%BD%E5%AE%9E%E7%8E%B0.md [2-9]:https://github.com/linjunc/react-study/blob/main/React%20Hooks%20%E9%A1%B9%E7%9B%AE/%EF%BC%88%E7%BB%88%EF%BC%89%E9%A1%B9%E7%9B%AE%E6%80%BB%E7%BB%93.md [3-1]: https://linjuncheng.cn/pages/react/hard/readme.html [3-2]: https://linjuncheng.cn/pages/react/hard/fiberidea.html [3-3]: https://linjuncheng.cn/pages/react/hard/constructure.html [3-4]: https://linjuncheng.cn/pages/react/hard/render/beginwork.html [3-5]: https://linjuncheng.cn/pages/react/hard/render/completework.html [3-6]: https://linjuncheng.cn/pages/react/hard/commit/commit.html [3-7]: https://linjuncheng.cn/pages/react/hard/commit/beforemutation.html [3-8]: https://linjuncheng.cn/pages/react/hard/commit/mutation.html [3-9]: https://linjuncheng.cn/pages/react/hard/commit/layout.html [3-10]: https://linjuncheng.cn/pages/react/hard/diff/diffpre.html [3-11]: https://linjuncheng.cn/pages/react/hard/diff/singlediff.html [3-12]: https://linjuncheng.cn/pages/react/hard/diff/arraydiff.html [3-13]: https://linjuncheng.cn/pages/react/hard/update/update.html [3-14]: https://linjuncheng.cn/pages/react/hard/update/priority.html [3-15]: https://linjuncheng.cn/pages/react/hard/update/updatecode.html [Scheduler-origin]: https://linjuncheng.cn/pages/react/hard/scheduler/scheduler-origin.html [Scheduler-code]: https://linjuncheng.cn/pages/react/hard/scheduler/scheduler.html [hooks-pre]: https://linjuncheng.cn/pages/react/hard/hooks/hooks.html [hooks-useState]: https://linjuncheng.cn/pages/react/hard/hooks/useState.html [hooks-useReducer]: https://linjuncheng.cn/pages/react/hard/hooks/usereducer.html [hooks-useContext]: https://linjuncheng.cn/pages/react/hard/hooks/usecontext.html [hooks-useEffect]: https://linjuncheng.cn/pages/react/hard/hooks/useeffect.html [hooks-useLayoutEffect]: https://linjuncheng.cn/pages/react/hard/hooks/uselayouteffect.html [hooks-useRef]: https://linjuncheng.cn/pages/react/hard/hooks/useref.html [hooks-useMemo]: https://linjuncheng.cn/pages/react/hard/hooks/usememo-callback.html [hooks-useid]: https://linjuncheng.cn/pages/react/hard/hooks/useId.html [hooks-useTransition]: https://linjuncheng.cn/pages/react/hard/hooks/usetransition.html [hooks-qa]: https://linjuncheng.cn/pages/react/hard/hooks/qa.html [4-1]: https://juejin.cn/post/6844904019660537869 [4-2]: https://juejin.cn/post/6844903975112671239 [4-3]: https://juejin.cn/post/6943896410987659277 [4-4]: https://juejin.cn/post/6844903973585944589 [4-5]: https://juejin.cn/post/6955636911214067720 [4-6]: https://juejin.cn/post/6909271104440205326 [4-7]: https://juejin.cn/post/7069555976717729805 [4-8]: https://juejin.cn/post/6944863057000529933 [4-9]: https://juejin.cn/post/7078511027091931167 [4-10]: https://juejin.cn/post/6844904200824946696 [4-11]: https://juejin.cn/post/6844903890467454989 [4-12]: https://juejin.cn/post/7118937685653192735 [4-13]: https://juejin.cn/post/7114491826694389768 [4-14]: https://juejin.cn/post/7085542534943883301 [4-15]: https://juejin.cn/post/7118752985068339237 [5-1]: https://react.iamkasong.com/ [5-2]: https://xiaochen1024.com/article_item/600ac4384bf83f002edaf54a [5-3]: https://react.jokcy.me/ [5-4]: https://juejin.cn/book/6945998773818490884 [5-5]: https://github.com/AttackXiaoJinJin/reactExplain [5-6]: https://7kms.github.io/react-illustration-series/ [5-7]: https://juejin.cn/column/6961274930306482206 [5-8]: https://linjuncheng.cn/pages/react/hard/readme.html