{"id":19604995,"url":"https://github.com/kiesun/learn-react-essence","last_synced_at":"2026-03-02T19:36:14.112Z","repository":{"id":179797018,"uuid":"195320195","full_name":"KieSun/learn-react-essence","owner":"KieSun","description":":octocat:React 原理","archived":false,"fork":false,"pushed_at":"2019-08-04T14:36:14.000Z","size":63,"stargazers_count":189,"open_issues_count":1,"forks_count":32,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-05T02:22:12.090Z","etag":null,"topics":["essence","react"],"latest_commit_sha":null,"homepage":"https://yuchengkai.cn/react/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KieSun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-05T01:39:11.000Z","updated_at":"2025-02-01T06:24:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"a1f45815-eba2-4e36-b327-419381639227","html_url":"https://github.com/KieSun/learn-react-essence","commit_stats":null,"previous_names":["kiesun/learn-react-essence"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Flearn-react-essence","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Flearn-react-essence/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Flearn-react-essence/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2Flearn-react-essence/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KieSun","download_url":"https://codeload.github.com/KieSun/learn-react-essence/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251196095,"owners_count":21550901,"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":["essence","react"],"created_at":"2024-11-11T09:40:29.611Z","updated_at":"2026-03-02T19:36:14.038Z","avatar_url":"https://github.com/KieSun.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# learn-react-essence\n\n## 介绍\n\nReact 原理解析，记录了个人学习 React 源码的过程中的一些心得以及收获。\n\n如果你想阅读源码，但是觉得难度有点大，可以结合我的[源码注释](https://github.com/KieSun/react-interpretation)来阅读，版本为 16.8.6。\n\n这个仓库的内容基本是脱离源码讲原理的。目的是让大家尽可能的在不接触源码的同时也能学习到 React 原理相关的知识。\n\n如果你觉得内容帮助到了你，可以 star 或者 watch 支持我。\n\n## 文章链接\n\n需要注意一点：文章的风格分为了两部分。 从调度原理开始，笔者抛弃了单纯讲源码的方式。而是将重点放在了原理上，尽可能地脱离源码讲原理，这种方式能更快更好地让读者学习到知识。\n\n- [React 源码注释](https://github.com/KieSun/react-interpretation)，版本为 16.8.6\n- [热身篇](https://github.com/KieSun/learn-react-essence/blob/master/%E7%83%AD%E8%BA%AB%E7%AF%87.md)\n- [render 流程（一）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%B8%80%EF%BC%89.md)\n- [render 流程（二）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%BA%8C%EF%BC%89.md)\n- [组件更新流程一（调度任务）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%B8%80%EF%BC%88%E8%B0%83%E5%BA%A6%E4%BB%BB%E5%8A%A1%EF%BC%89.md)\n- [组件更新流程二（diff 策略）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%BA%8C%EF%BC%88diff%20%E7%AD%96%E7%95%A5%EF%BC%89.md)\n\n## 线上阅读地址\n\nGithub 的阅读体验稍显逊色，你可以选择在[我的网站](https://yuchengkai.cn/react/)上阅读。\n\n## 一起学习\n\n觉得内容有帮助可以关注下我的公众号 「前端真好玩」或者加入 React 源码交流群。\n\n![](https://yck-1254263422.cos.ap-shanghai.myqcloud.com/blog/2019-06-01-034138.jpg)\n![](https://yck-1254263422.cos.ap-shanghai.myqcloud.com/blog/2019-06-01-034140.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkiesun%2Flearn-react-essence","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkiesun%2Flearn-react-essence","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkiesun%2Flearn-react-essence/lists"}