{"id":13561797,"url":"https://github.com/linjunc/react-study","last_synced_at":"2025-04-03T17:31:39.446Z","repository":{"id":48462851,"uuid":"405379250","full_name":"linjunc/react-study","owner":"linjunc","description":"🎉 Here are all the high-quality React articles, a React repository worth learning","archived":false,"fork":false,"pushed_at":"2022-12-18T04:51:24.000Z","size":154,"stargazers_count":326,"open_issues_count":0,"forks_count":138,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-04T13:37:59.799Z","etag":null,"topics":["react","reactjs"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/linjunc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-09-11T12:56:42.000Z","updated_at":"2024-10-28T13:58:45.000Z","dependencies_parsed_at":"2023-01-29T18:30:29.096Z","dependency_job_id":null,"html_url":"https://github.com/linjunc/react-study","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/linjunc%2Freact-study","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/linjunc%2Freact-study/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/linjunc%2Freact-study/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/linjunc%2Freact-study/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/linjunc","download_url":"https://codeload.github.com/linjunc/react-study/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247046988,"owners_count":20874756,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","reactjs"],"created_at":"2024-08-01T13:01:01.252Z","updated_at":"2025-04-03T17:31:34.428Z","avatar_url":"https://github.com/linjunc.png","language":null,"funding_links":[],"categories":["miscellaneous"],"sub_categories":[],"readme":"\n\u003ch2 align=\"center\"\u003e👋 这里是 React 学习天堂\u003c/h2\u003e\n\u003cp align=\"center\"\u003e希望你能有所收获, 期待你的 Star \u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/linjunc\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-ff79c6\" alt=\"github\"\u003e\u003c/a\u003e\n  \u003cimg src=\"https://img.shields.io/badge/weChat-Ljc--10c-blue\" alt=\"wechat\"\u003e\n  \u003ca href=\"https://juejin.cn/user/1460594842018446\"\u003e\u003cimg src=\"https://img.shields.io/badge/juejin-brightgreen\" alt=\"juejin\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch5\u003e\u003cp align=\"center\"\u003e\u003ci\u003eIf you like this series or learn something from it, please\u003ca href=\"https://github.com/linjunc/react-study\"\u003e★\u003c/a\u003e this repository to show your support! 🤩\u003c/i\u003e\u003c/p\u003e\n\u003cp\u003e\n    \u003ch5 align=\"center\"\u003e本仓库非常适合 React 的学习者，持续收集 React 相关的技术好文，如果有什么问题、错误的地方或者有什么想要添加的内容，欢迎与我联系！\u003c/h5\u003e\n    \u003c/p\u003e\n\u003c/h5\u003e\n\n\u003cp align=\"center\"\u003e\u003ca href=\"https://github.com/linjunc/react-study\"\u003e\u003cimg src=\"https://ljcimg.oss-cn-beijing.aliyuncs.com/img/reactjs.jpg\"\u003e\u003c/img\u003e\u003c/a\u003e\u003c/p\u003e\n\n## React 基础学习\n\n- [基础知识以及 jsx 语法][1-1]\n- [面向组件编程][1-2]\n- [生命周期 LifeCycle][1-3]\n- [diffing 算法][1-4]\n- [认识脚手架][1-5]\n- [TodoList 案例][1-6]\n- [脚手架配置代理][1-7]\n- [GitHub 搜索案例][1-8]\n- [消息订阅发布][1-9]\n- [React 路由][1-10]\n- [React 路由传参][1-11]\n- [React 路由跳转][1-12]\n- [antd 组件库的基本使用][1-13]\n- [redux 基本使用][1-14]\n- [React-Redux 基本使用][1-15]\n- [数据共享][1-16]\n- [React 扩展][1-17]\n- [React Hooks][1-18]\n\n## React 源码解析\n\n- [专栏介绍][3-1]\n- [React 设计理念][3-2]\n- [React Fiber 架构][3-3]\n\n**Render 阶段**\n\n- [Render 阶段 - beginWork][3-4]\n- [Render 阶段 - completeWork][3-5]\n\n**commit 阶段**\n- [commit 阶段流程概览][3-6]\n- [BeforeMutation 阶段][3-7]\n- [Mutation 阶段][3-8]\n- [Layout 阶段][3-9]\n\n**Diff 算法**\n\n- [Diff 算法概览][3-10]\n- [单节点 Diff][3-11]\n- [多节点的 Diff][3-12]\n\n**状态更新**\n- [状态更新流程概览][3-13]\n- [优先级更新][3-14]\n- [状态更新调度源码解析][3-15]\n\n**Scheduler 模块**\n- [Scheduler 实现原理][Scheduler-origin]\n- [Scheduler 源码解析][Scheduler-code]\n\n**Hooks 实现**\n- [React Hooks 源码概览][hooks-pre]\n- [React Hooks useState 源码][hooks-useState]\n- [useReducer 源码解析][hooks-useReducer]\n- [useContext 源码解析][hooks-useContext]\n- [useEffect 源码解析][hooks-useEffect]\n- [useLayoutEffect 源码解析][hooks-useLayoutEffect]\n- [useRef 源码解析][hooks-useRef]\n- [useCallback \u0026 useMemo 源码解析][hooks-useMemo]\n- [useId 源码解析][hooks-useId]\n- [useTransition 源码解析][hooks-useTransition]\n- [Q \u0026 A][hooks-qa]\n\n## React 进阶电子书\n\n- [React 技术揭秘][5-1]\n- [人人都能读懂的 react 源码解析][5-2]\n- [React 源码解析][5-3]\n- [React 进阶实践指南][5-4]\n- [reactExplain][5-5]\n- [图解React原理系列][5-6]\n- [React 进阶专栏][5-7]\n- [React 源码解析 -- 基于v18][5-8]\n\n## React 精选文章\n\n- [走进React Fiber 架构][4-1]\n- [这可能是最通俗的 React Fiber(时间分片) 打开方式][4-2]\n- [走进React Fiber的世界][4-3]\n- [详解 react diff][4-4]\n- [一文吃透react事件系统原理][4-5]\n- [React 事件系统工作原理][4-6]\n- [react-router v6 通关指南][4-7]\n- [一文吃透react-hooks原理][4-8]\n- [React 18 超全升级指南][4-9]\n- [从React源码分析渲染更新流程][4-10]\n- [React小技巧汇总][4-11]\n- [React 全部 Hooks 使用大全 （包含 React v18 版本][4-12]\n- [React Hooks 源码学习][4-13]\n- [2022 的 React 生态][4-14]\n- [React 原理 -- 浅析 React Fiber 架构][4-15]\n\n## React Hooks 实战项目\n\n- [项目介绍\u0026登录注册][2-1]\n- [项目列表展示][2-2]\n- [项目列表功能模块][2-3]  \n- [搜索功能实现][2-4]\n- [路由跳转页面][2-5]\n- [看板页面展示][2-6]\n- [任务组页面实现][2-7]\n- [拖拽功能实现][2-8]\n- [项目总结][2-9]\n\n\u003ch5\u003e\u003cp align=\"center\"\u003e\u003ci\u003eIf you like this series or learn something from it, please\u003ca href=\"https://github.com/linjunc/react-study\"\u003e★\u003c/a\u003e this repository to show your support! 🤩\u003c/i\u003e\u003c/p\u003e\n\u003cp\u003e\n    \u003ch5 align=\"center\"\u003e以上就是这个仓库的全部内容了，祝愿大家有个美好的未来如果有什么问题、错误的地方或者有什么想要添加的内容，欢迎与我联系！\u003c/h5\u003e\n    \u003c/p\u003e\n\u003c/h5\u003e\n\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n[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\n\n[3-1]: https://linjuncheng.cn/pages/react/hard/readme.html\n[3-2]: https://linjuncheng.cn/pages/react/hard/fiberidea.html\n[3-3]: https://linjuncheng.cn/pages/react/hard/constructure.html\n[3-4]: https://linjuncheng.cn/pages/react/hard/render/beginwork.html\n[3-5]: https://linjuncheng.cn/pages/react/hard/render/completework.html\n[3-6]: https://linjuncheng.cn/pages/react/hard/commit/commit.html\n[3-7]: https://linjuncheng.cn/pages/react/hard/commit/beforemutation.html\n[3-8]: https://linjuncheng.cn/pages/react/hard/commit/mutation.html\n[3-9]: https://linjuncheng.cn/pages/react/hard/commit/layout.html\n[3-10]: https://linjuncheng.cn/pages/react/hard/diff/diffpre.html\n[3-11]: https://linjuncheng.cn/pages/react/hard/diff/singlediff.html\n[3-12]: https://linjuncheng.cn/pages/react/hard/diff/arraydiff.html\n[3-13]: https://linjuncheng.cn/pages/react/hard/update/update.html\n[3-14]: https://linjuncheng.cn/pages/react/hard/update/priority.html\n[3-15]: https://linjuncheng.cn/pages/react/hard/update/updatecode.html\n[Scheduler-origin]: https://linjuncheng.cn/pages/react/hard/scheduler/scheduler-origin.html\n[Scheduler-code]: https://linjuncheng.cn/pages/react/hard/scheduler/scheduler.html\n[hooks-pre]: https://linjuncheng.cn/pages/react/hard/hooks/hooks.html\n[hooks-useState]: https://linjuncheng.cn/pages/react/hard/hooks/useState.html\n[hooks-useReducer]: https://linjuncheng.cn/pages/react/hard/hooks/usereducer.html\n[hooks-useContext]: https://linjuncheng.cn/pages/react/hard/hooks/usecontext.html\n[hooks-useEffect]: https://linjuncheng.cn/pages/react/hard/hooks/useeffect.html\n[hooks-useLayoutEffect]: https://linjuncheng.cn/pages/react/hard/hooks/uselayouteffect.html\n[hooks-useRef]: https://linjuncheng.cn/pages/react/hard/hooks/useref.html\n[hooks-useMemo]: https://linjuncheng.cn/pages/react/hard/hooks/usememo-callback.html\n[hooks-useid]: https://linjuncheng.cn/pages/react/hard/hooks/useId.html\n[hooks-useTransition]: https://linjuncheng.cn/pages/react/hard/hooks/usetransition.html\n[hooks-qa]: https://linjuncheng.cn/pages/react/hard/hooks/qa.html\n\n[4-1]: https://juejin.cn/post/6844904019660537869\n[4-2]: https://juejin.cn/post/6844903975112671239\n[4-3]: https://juejin.cn/post/6943896410987659277\n[4-4]: https://juejin.cn/post/6844903973585944589\n[4-5]: https://juejin.cn/post/6955636911214067720\n[4-6]: https://juejin.cn/post/6909271104440205326\n[4-7]: https://juejin.cn/post/7069555976717729805\n[4-8]: https://juejin.cn/post/6944863057000529933\n[4-9]: https://juejin.cn/post/7078511027091931167\n[4-10]: https://juejin.cn/post/6844904200824946696\n[4-11]: https://juejin.cn/post/6844903890467454989\n[4-12]: https://juejin.cn/post/7118937685653192735\n[4-13]: https://juejin.cn/post/7114491826694389768\n[4-14]: https://juejin.cn/post/7085542534943883301\n[4-15]: https://juejin.cn/post/7118752985068339237\n\n[5-1]: https://react.iamkasong.com/\n[5-2]: https://xiaochen1024.com/article_item/600ac4384bf83f002edaf54a\n[5-3]: https://react.jokcy.me/\n[5-4]: https://juejin.cn/book/6945998773818490884\n[5-5]: https://github.com/AttackXiaoJinJin/reactExplain\n[5-6]: https://7kms.github.io/react-illustration-series/\n[5-7]: https://juejin.cn/column/6961274930306482206\n[5-8]: https://linjuncheng.cn/pages/react/hard/readme.html\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flinjunc%2Freact-study","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flinjunc%2Freact-study","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flinjunc%2Freact-study/lists"}