René's URL Explorer Experiment

Title: GitHub - raindrop93/mini-react: 基于 react17.0.2 手写 mini-react，附带实现 hooks 功能

Open Graph Title: GitHub - raindrop93/mini-react: 基于 react17.0.2 手写 mini-react，附带实现 hooks 功能

X Title: GitHub - raindrop93/mini-react: 基于 react17.0.2 手写 mini-react，附带实现 hooks 功能

Description: 基于 react17.0.2 手写 mini-react，附带实现 hooks 功能. Contribute to raindrop93/mini-react development by creating an account on GitHub.

Open Graph Description: 基于 react17.0.2 手写 mini-react，附带实现 hooks 功能. Contribute to raindrop93/mini-react development by creating an account on GitHub.

X Description: 基于 react17.0.2 手写 mini-react，附带实现 hooks 功能. Contribute to raindrop93/mini-react development by creating an account on GitHub.

Opengraph URL: https://github.com/raindrop93/mini-react

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern	/:user_id/:repository
route-controller	files
route-action	disambiguate
fetch-nonce	v2:54b8d42c-211d-0ea9-35e0-e723c448fc3a
current-catalog-service-hash	f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id	B66A:1DCFFA:2835D8:37DA3D:697887AF
html-safe-nonce	07220211f01b90a02cb0e771bbdd03b5c396fae18d6938fe1e1186c519448b33
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCNjZBOjFEQ0ZGQToyODM1RDg6MzdEQTNEOjY5Nzg4N0FGIiwidmlzaXRvcl9pZCI6IjE5OTA5NzE0OTM4NjAyODAyMzkiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmac	a71e3c0f36d6da97ed114f31efaae3a381d3f41f000fec82d5ccdb286f3eba36
hovercard-subject-tag	repository:788738014
github-keyboard-shortcuts	repository,copilot
google-site-verification	Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-url	https://collector.github.com/github/collect
analytics-location	//
fb:app_id	1401488693436528
apple-itunes-app	app-id=1477376905, app-argument=https://github.com/raindrop93/mini-react
twitter:image	https://opengraph.githubassets.com/886c434be30c2b646dfb8508f9ea1a02b9945485d9df1f9ec650e8baf92d6fea/raindrop93/mini-react
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/886c434be30c2b646dfb8508f9ea1a02b9945485d9df1f9ec650e8baf92d6fea/raindrop93/mini-react
og:image:alt	基于 react17.0.2 手写 mini-react，附带实现 hooks 功能. Contribute to raindrop93/mini-react development by creating an account on GitHub.
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
hostname	github.com
expected-hostname	github.com
None	2981c597c945c1d90ac6fa355ce7929b2f413dfe7872ca5c435ee53a24a1de50
turbo-cache-control	no-preview
go-import	github.com/raindrop93/mini-react git https://github.com/raindrop93/mini-react.git
octolytics-dimension-user_id	11533153
octolytics-dimension-user_login	raindrop93
octolytics-dimension-repository_id	788738014
octolytics-dimension-repository_nwo	raindrop93/mini-react
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	true
octolytics-dimension-repository_parent_id	421437062
octolytics-dimension-repository_parent_nwo	zh-lx/mini-react
octolytics-dimension-repository_network_root_id	421437062
octolytics-dimension-repository_network_root_nwo	zh-lx/mini-react
turbo-body-classes	logged-out env-production page-responsive
disable-turbo	false
browser-stats-url	https://api.github.com/_private/browser/stats
browser-errors-url	https://api.github.com/_private/browser/errors
release	73a426593e896c8afeb40b1706b74d04068aca2d
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://patch-diff.githubusercontent.com/raindrop93/mini-react#start-of-content
	https://patch-diff.githubusercontent.com/
Sign in	https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Fraindrop93%2Fmini-react
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub SparkBuild and deploy intelligent apps	https://github.com/features/spark
GitHub ModelsManage and compare prompts	https://github.com/features/models
MCP RegistryNewIntegrate external tools	https://github.com/mcp
ActionsAutomate any workflow	https://github.com/features/actions
CodespacesInstant dev environments	https://github.com/features/codespaces
IssuesPlan and track work	https://github.com/features/issues
Code ReviewManage code changes	https://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilities	https://github.com/security/advanced-security
Code securitySecure your code as you build	https://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they start	https://github.com/security/advanced-security/secret-protection
Why GitHub	https://github.com/why-github
Documentation	https://docs.github.com
Blog	https://github.blog
Changelog	https://github.blog/changelog
Marketplace	https://github.com/marketplace
View all features	https://github.com/features
Enterprises	https://github.com/enterprise
Small and medium teams	https://github.com/team
Startups	https://github.com/enterprise/startups
Nonprofits	https://github.com/solutions/industry/nonprofits
App Modernization	https://github.com/solutions/use-case/app-modernization
DevSecOps	https://github.com/solutions/use-case/devsecops
DevOps	https://github.com/solutions/use-case/devops
CI/CD	https://github.com/solutions/use-case/ci-cd
View all use cases	https://github.com/solutions/use-case
Healthcare	https://github.com/solutions/industry/healthcare
Financial services	https://github.com/solutions/industry/financial-services
Manufacturing	https://github.com/solutions/industry/manufacturing
Government	https://github.com/solutions/industry/government
View all industries	https://github.com/solutions/industry
View all solutions	https://github.com/solutions
AI	https://github.com/resources/articles?topic=ai
Software Development	https://github.com/resources/articles?topic=software-development
DevOps	https://github.com/resources/articles?topic=devops
Security	https://github.com/resources/articles?topic=security
View all topics	https://github.com/resources/articles
Customer stories	https://github.com/customer-stories
Events & webinars	https://github.com/resources/events
Ebooks & reports	https://github.com/resources/whitepapers
Business insights	https://github.com/solutions/executive-insights
GitHub Skills	https://skills.github.com
Documentation	https://docs.github.com
Customer support	https://support.github.com
Community forum	https://github.com/orgs/community/discussions
Trust center	https://github.com/trust-center
Partners	https://github.com/partners
GitHub SponsorsFund open source developers	https://github.com/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/accelerator
Archive Program	https://archiveprogram.github.com
Topics	https://github.com/topics
Trending	https://github.com/trending
Collections	https://github.com/collections
Enterprise platformAI-powered developer platform	https://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security features	https://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI features	https://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 support	https://github.com/premium-support
Pricing	https://github.com/pricing
Search syntax tips	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentation	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in	https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Fraindrop93%2Fmini-react
Sign up	https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=raindrop93%2Fmini-react
Reload	https://patch-diff.githubusercontent.com/raindrop93/mini-react
Reload	https://patch-diff.githubusercontent.com/raindrop93/mini-react
Reload	https://patch-diff.githubusercontent.com/raindrop93/mini-react
raindrop93	https://patch-diff.githubusercontent.com/raindrop93
mini-react	https://patch-diff.githubusercontent.com/raindrop93/mini-react
zh-lx/mini-react	https://patch-diff.githubusercontent.com/zh-lx/mini-react
Notifications	https://patch-diff.githubusercontent.com/login?return_to=%2Fraindrop93%2Fmini-react
Fork 0	https://patch-diff.githubusercontent.com/login?return_to=%2Fraindrop93%2Fmini-react
Star 0	https://patch-diff.githubusercontent.com/login?return_to=%2Fraindrop93%2Fmini-react
0 stars	https://patch-diff.githubusercontent.com/raindrop93/mini-react/stargazers
26 forks	https://patch-diff.githubusercontent.com/raindrop93/mini-react/forks
Branches	https://patch-diff.githubusercontent.com/raindrop93/mini-react/branches
Tags	https://patch-diff.githubusercontent.com/raindrop93/mini-react/tags
Activity	https://patch-diff.githubusercontent.com/raindrop93/mini-react/activity
Star	https://patch-diff.githubusercontent.com/login?return_to=%2Fraindrop93%2Fmini-react
Notifications	https://patch-diff.githubusercontent.com/login?return_to=%2Fraindrop93%2Fmini-react
Code	https://patch-diff.githubusercontent.com/raindrop93/mini-react
Pull requests 0	https://patch-diff.githubusercontent.com/raindrop93/mini-react/pulls
Actions	https://patch-diff.githubusercontent.com/raindrop93/mini-react/actions
Projects 0	https://patch-diff.githubusercontent.com/raindrop93/mini-react/projects
Security 0	https://patch-diff.githubusercontent.com/raindrop93/mini-react/security
Insights	https://patch-diff.githubusercontent.com/raindrop93/mini-react/pulse
Code	https://patch-diff.githubusercontent.com/raindrop93/mini-react
Pull requests	https://patch-diff.githubusercontent.com/raindrop93/mini-react/pulls
Actions	https://patch-diff.githubusercontent.com/raindrop93/mini-react/actions
Projects	https://patch-diff.githubusercontent.com/raindrop93/mini-react/projects
Security	https://patch-diff.githubusercontent.com/raindrop93/mini-react/security
Insights	https://patch-diff.githubusercontent.com/raindrop93/mini-react/pulse
Branches	https://patch-diff.githubusercontent.com/raindrop93/mini-react/branches
Tags	https://patch-diff.githubusercontent.com/raindrop93/mini-react/tags
	https://patch-diff.githubusercontent.com/raindrop93/mini-react/branches
	https://patch-diff.githubusercontent.com/raindrop93/mini-react/tags
20 Commits	https://patch-diff.githubusercontent.com/raindrop93/mini-react/commits/main/
	https://patch-diff.githubusercontent.com/raindrop93/mini-react/commits/main/
public	https://patch-diff.githubusercontent.com/raindrop93/mini-react/tree/main/public
public	https://patch-diff.githubusercontent.com/raindrop93/mini-react/tree/main/public
src	https://patch-diff.githubusercontent.com/raindrop93/mini-react/tree/main/src
src	https://patch-diff.githubusercontent.com/raindrop93/mini-react/tree/main/src
.gitignore	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/.gitignore
.gitignore	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/.gitignore
README.md	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/README.md
README.md	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/README.md
package.json	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/package.json
package.json	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/package.json
yarn.lock	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/yarn.lock
yarn.lock	https://patch-diff.githubusercontent.com/raindrop93/mini-react/blob/main/yarn.lock
README	https://patch-diff.githubusercontent.com/raindrop93/mini-react
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#前言必看
commit记录	https://github.com/zh-lx/mini-react/commits/main
	https://camo.githubusercontent.com/020f5fa5e466209691c8a09f0b25ff0eb88682224c145397ab48d25b8f07ca0b/68747470733a2f2f70312d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f35386262386363336161633034633363613630386134613066653837373530347e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
一: 初始化项目 👉	https://github.com/zh-lx/mini-react/commit/2fbbb63bf6686fd301f1418dc07a6bfe255db895
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#一-初始化项目-
	https://camo.githubusercontent.com/a20e9b94468a72ab5be40bff301350450f7963295956353a044dd8d8fc11832a/68747470733a2f2f70312d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f39356237373735643235363034613132613463653537643130303831666631667e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#二-实现-reactdomrender
jsx 转换及 React.createElement	https://juejin.cn/post/7015855371847729166
创建 ReactDOM.render 👉	https://github.com/zh-lx/mini-react/commit/a844706548f3708b7b4ba1647edb67beacf3425c
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#创建-reactdomrender-
根据 React.element 创建 dom 👉	https://github.com/zh-lx/mini-react/commit/b5ef737086a416d8daf6546f3c7765e73a412413
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#根据-reactelement-创建-dom-
jsx 转换及 React.createElement	https://juejin.cn/post/7015855371847729166#heading-3
	https://camo.githubusercontent.com/ae8659f93330eeace07e2ee15e923bb64e6ecc24bb996ae395122594775c6683/68747470733a2f2f70332d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f33333134373636383430363734373137616161653365346333376566303331657e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
	https://camo.githubusercontent.com/edb11ef2618b6193b877663037212d652ab8d4a6e824f8ce00b5b51cbb982727/68747470733a2f2f70332d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f63346131396263323637373234663136626362386536626464323262336563667e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
更新 dom 属性 👉	https://github.com/zh-lx/mini-react/commit/79a61e710053bcbe58e7bdaf2f3295654a49f904
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#更新-dom-属性-
	https://camo.githubusercontent.com/7e805881d9207f68d6f039b61c25bc136e4066085549b7c08fbe1c2519b7557b/68747470733a2f2f70312d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f36313665373631653164386534643639613435363539656635313734333362617e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
	https://camo.githubusercontent.com/919cc36bc6dab914e07d37515ca87e10e4bb720e008cd02dea9692f3aa88bc5c/68747470733a2f2f70312d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f37623438363538336639333934373561616462363532626666353235326562667e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#三-实现-fiber-架构
深入理解 fiber	https://juejin.cn/post/7016512949330116645
深入理解 fiber	https://juejin.cn/post/7016512949330116645
	https://camo.githubusercontent.com/1e18490c0695ab057bb6dd325e501bace2dc385f8aefb4bd6df1086783c44158/68747470733a2f2f70312d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f63333538633865363034643134313438383563646237633234353638353938617e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
创建 rootFiber 和 nextUnitOfWork 👉	https://github.com/zh-lx/mini-react/commit/c6441df9abef4eb09f65be2809789d2cd77d44e2
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#创建-rootfiber-和-nextunitofwork-
递归改成迭代 👉	https://github.com/zh-lx/mini-react/commit/e6967c0374060eb110e83469e1b696c6ffc38855
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#递归改成迭代-
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#去掉递归逻辑
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#根据-fiber-创建-dom
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#构造-fiber-树
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#设置下一个工作单元
创建 workLoop 👉	https://github.com/zh-lx/mini-react/commit/5b5c5faa7faa354d091dff1ae7e3c4cab1128322
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#创建-workloop-
requestIdleCallback	https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestIdleCallback
四: render 和 commit 分离 👉	https://github.com/zh-lx/mini-react/commit/fce38e53a0980deaab6685f9c2073c2e5058d1a8
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#四-render-和-commit-分离-
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#五-diff-算法--实现更新和删除
全面理解 diff 算法	https://juejin.cn/post/7020595059095666724
current 和 workInProgess 👉	https://github.com/zh-lx/mini-react/commit/50a52fbb70b5e126eca4a479ad189237889234db
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#current-和-workinprogess-
深入理解 fiber	https://juejin.cn/post/7016512949330116645
创建 reconciler 👉	https://github.com/zh-lx/mini-react/commit/7eebaac428789ea2048c92661636378d686b42c7
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#创建-reconciler-
diff 并添加 flag 👉	https://github.com/zh-lx/mini-react/commit/538421d67d76e2e48ee5fcadbb0369a19fe963cc
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#diff-并添加-flag-
Placement —— 添加 dom 👉	https://github.com/zh-lx/mini-react/commit/d5d5f6e360417c8f4ff537270f84b0704742bd0f
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#placement--添加-dom-
Update —— 更新 dom 👉	https://github.com/zh-lx/mini-react/commit/bc9053286848749fb9d1b0cbdd2c18f0b7daad76
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#update--更新-dom-
Deletion —— 删除 dom 👉	https://github.com/zh-lx/mini-react/commit/5592e5f32743cbfc7066a87f3a3a85a6754f33e7
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#deletion--删除-dom-
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#检查效果
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#代码
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#预览
	https://camo.githubusercontent.com/54e5ac152374fb0774808bb38da13636b459e46ea91cdcc36cfb1e27ac24b86f/68747470733a2f2f70392d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f65333034356339653038653034366332393234373139353537343536653132397e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#六-实现-reactcomponent
完善类组件功能 👉	https://github.com/zh-lx/mini-react/commit/6144a2d43143c6860ccb7a48182a1430ee07b1e7
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#完善类组件功能-
实现 setState 👉	https://github.com/zh-lx/mini-react/commit/a0e9d46e2f3185e48f1edbd4601c291fdbb149af
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#实现-setstate-
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#效果预览
	https://camo.githubusercontent.com/42fc12c83aed6f7330356ec76ffe6c4612fdedefc958990ff5eb24f8fd4c06c4/68747470733a2f2f70392d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f34626565303236616133316334373134626463393132343564306165363137307e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
七: 实现 hooks 👉	https://github.com/zh-lx/mini-react/commit/b796bca22792a598b9ac499ecdf9748d2f25aadf
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#七-实现-hooks-
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#完善函数组件功能
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#实现-usestate
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#效果预览-1
	https://camo.githubusercontent.com/09b5eff4217898c4033eef8f0a92261e4b12cd113b65969b3451da9833e36701/68747470733a2f2f70312d6a75656a696e2e62797465696d672e636f6d2f746f732d636e2d692d6b3375316662706663702f62633436643437653664623534613431626233333730323236626365356366657e74706c762d6b3375316662706663702d77617465726d61726b2e696d6167653f
	https://patch-diff.githubusercontent.com/raindrop93/mini-react#总结
mini react	https://github.com/zh-lx/mini-react
react17源码专栏	https://juejin.cn/column/7014776835166699556
Readme	https://patch-diff.githubusercontent.com/raindrop93/mini-react#readme-ov-file
Please reload this page	https://patch-diff.githubusercontent.com/raindrop93/mini-react
Activity	https://patch-diff.githubusercontent.com/raindrop93/mini-react/activity
0 stars	https://patch-diff.githubusercontent.com/raindrop93/mini-react/stargazers
0 watching	https://patch-diff.githubusercontent.com/raindrop93/mini-react/watchers
0 forks	https://patch-diff.githubusercontent.com/raindrop93/mini-react/forks
Report repository	https://patch-diff.githubusercontent.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fraindrop93%2Fmini-react&report=raindrop93+%28user%29
Releases	https://patch-diff.githubusercontent.com/raindrop93/mini-react/releases
Packages 0	https://patch-diff.githubusercontent.com/users/raindrop93/packages?repo_name=mini-react
	https://github.com
Terms	https://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacy	https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Security	https://github.com/security
Status	https://www.githubstatus.com/
Community	https://github.community/
Docs	https://docs.github.com/
Contact	https://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.