Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/linjunc/react-study

🎉 Here are all the high-quality React articles, a React repository worth learning
https://github.com/linjunc/react-study
react reactjs
Last synced: 9 days ago
JSON representation
🎉 Here are all the high-quality React articles, a React repository worth learning
Host: GitHub
URL: https://github.com/linjunc/react-study
Owner: linjunc
Created: 2021-09-11T12:56:42.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2022-12-18T04:51:24.000Z (almost 2 years ago)
Last Synced: 2024-08-01T13:24:00.936Z (3 months ago)
Topics: react, reactjs
Homepage:
Size: 150 KB
Stars: 302
Watchers: 2
Forks: 128
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        
👋 这里是 React 学习天堂

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



  

  

  



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