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 即可看到页面,在下方文件中调试即可

相关推荐
lbb 小魔仙1 小时前
【HarmonyOS实战】React Native 表单实战:自定义 useReactHookForm 高性能验证
javascript·react native·react.js
早點睡3906 小时前
高级进阶 ReactNative for Harmony 项目鸿蒙化三方库集成实战:react-native-drag-sort
react native·react.js·harmonyos
C澒6 小时前
Vue 项目渐进式迁移 React:组件库接入与跨框架协同技术方案
前端·vue.js·react.js·架构·系统架构
发现一只大呆瓜7 小时前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
全栈探索者8 小时前
列表渲染不用 map,用 ForEach!—— React 开发者的鸿蒙入门指南(第 4 期)
react.js·harmonyos·arkts·foreach·列表渲染
程序员Agions9 小时前
useMemo、useCallback、React.memo,可能真的要删了
前端·react.js
NEXT069 小时前
React Hooks 进阶:useState与useEffect的深度理解
前端·javascript·react.js
早點睡39011 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-flash-message 消息提示三方库适配
react native·react.js·harmonyos
早點睡39012 小时前
高级进阶 ReactNative for Harmony项目鸿蒙化三方库集成实战:react-native-image-picker(打开手机相册)
react native·react.js·harmonyos
早點睡39012 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-easy-toast三方库适配
react native·react.js·harmonyos