如何本地 Debug React 源码

简介: 如何本地 Debug React 源码

日常开发过程中,有时 debug react 源代码进行问题排查。一种方案是直接把通过 html 引入进来,另外一种是编译并通过 yarn 链接到项目中,本地将介绍如何通过这两种方法进行代码 Debug。

页面引入源代码方式
这种方式比较简单,直接引入 React 代码,适合学习使用。

<!DOCTYPE html>






<!-- Don't use this in production: -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>




相关文章
|
1月前
|
Web App开发 存储 前端开发
React 之 Scheduler 源码中的三个小知识点,看看你知不知道?
本篇补充讲解 Scheduler 源码中的三个小知识点。
69 0
|
1月前
|
前端开发 Java 开发者
React 之如何调试源码
React 源码如何调试,想必大家在阅读源码的时候一定会遇到,所以本篇我们来讲讲如何进行源码调试。
153 0
|
1月前
|
前端开发 JavaScript 安全
React 之 createElement 源码解读
React 之 createElement 源码解读
42 0
|
1月前
|
JSON 前端开发 JavaScript
React源码解析-JSX
React源码解析-JSX
70 1
|
1月前
|
前端开发 JavaScript 测试技术
10个yyds的Vue、React源码解析开源项目
10个yyds的Vue、React源码解析开源项目
|
10月前
|
前端开发
前端学习笔记202307学习笔记第五十七天-react源码-fiberroot和rootFiber
前端学习笔记202307学习笔记第五十七天-react源码-fiberroot和rootFiber
32 0
|
1月前
|
前端开发 JavaScript API
React 之 Refs 的使用和 forwardRef 的源码解读
React 之 Refs 的使用和 forwardRef 的源码解读
49 1
|
1月前
|
前端开发 安全 调度
React 之 Scheduler 源码解读(下)
本篇我们接着《React 之 Scheduler 源码解读(上)》,讲解延时任务的执行源码。
48 0
|
1月前
|
前端开发 JavaScript API
React 之 Scheduler 源码解读(上)
React 之 Scheduler 源码解读(上)
60 0
|
8月前
|
前端开发 JavaScript 调度
🎉干货满满,React设计原理(三):藏在源码里的排位赛,Lane模型🎉
🎉干货满满,React设计原理(三):藏在源码里的排位赛,Lane模型🎉