react 17 源码调试环境搭建(超简单)

本文参考:React技术揭秘

环境node 14

1、clone 如下代码

https://gitee.com/kasong/react.git

进入 node_modules/react 执行npm link

进入node_modules/react-dom 执行npm link

2、使用cra 创建项目

复制代码
npx create-react-app a-react-demo

我这边创建完直接把pakage.json 里面的 react,react-dom删掉了,重新执行npm i

然后执行npm link react react-dom

3、入口文件调整如下

4、执行npm run start 即可看到页面,在下方文件中调试即可

相关推荐
M ? A2 小时前
VuReact 编译器核心重构:统一管理组件元数据收集
前端·javascript·vue.js·react.js·重构·开源
M ? A3 小时前
Vue转React最佳工具对比:Vuera、Veaury与VuReact
前端·javascript·vue.js·经验分享·react.js
GISer_Jing4 小时前
告别手搓架构图!Excalidraw+AI Skills 高效绘制手绘风技术图
前端·人工智能·react.js
GISer_Jing4 小时前
React 18+ 高级特性实战与面试精讲
javascript·react.js·面试
彧翎Pro4 小时前
跨平台开发新选择:Flutter与React Native深度对比
flutter·react native·react.js
三声三视5 小时前
React 18 并发渲染实战:useTransition、Suspense 与自动批处理深度解析
前端·javascript·react.js
英俊潇洒美少年19 小时前
Vue、React.lazy、React 19 异步组件核心区别
javascript·vue.js·react.js
英俊潇洒美少年1 天前
React 实现 AI 流式打字机对话:SSE 分包粘包处理 + 并发优化
前端·javascript·react.js
绝世唐门三哥1 天前
React性能优化:memo、useMemo和useCallback全解析
前端·react.js·memo
F2E_Zhangmo1 天前
react native如何发送蓝牙命令
javascript·react native·react.js