【Udemy中英字幕】[Master Class] Deep Dive into React 18 + Typescript

[大师班] 深入探究 React 18 + Typescript

彻底理解 React 18 如何与 Typescript 配合使用

讲师：Rysher Magbanua

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 学习 ReactJS 所需的 JavaScript 技能
• 使用 ReactJS 的完全 Typescript 代码库
• 学习 React 方式的思考
• 全面理解 React 如何渲染组件并将其绘制在 DOM 中
• 了解 React Fiber 或 Fiber 架构
• 理解 ReactJS VirtualDOM
• Reflow 和 Repaint – React 如何高效地使用它们？
• 优化 React 组件并对其进行分析
• React 中的渲染和提交阶段
• 高优先级和低优先级更新
• 暂停组件

探索相关主题

• React JS
• 编程语言
• 发展

要求

• 对 Javascript/HTML/CSS 有基本了解
• 渴望彻底理解 ReactJS（而不只是表面）
• 就这样吧。课程上见 😉

描述

本课程专为新老 ReactJS 开发人员打造，以便我们都能全面了解 React 的工作原理。在创建本课程时，我做了一些研究，甚至从 github 检查了 React 代码，以确保我理解它。

基本上，这只是我教如何使用 ReactJS 以及深入了解其在后台的工作原理。了解其在后台的工作原理将有助于开发人员更好地使用 ReactJS 编写代码，因为他们完全了解其工作原理。

其他课程会教你如何使用 ReactJS，但本课程将让你更深入地了解 React 提供的每个概念和功能。例如

• 您知道什么是 Reflow 和 Repaint 吗？

• 什么是 React Fiber？

• 为什么我们有 useEffect、useLayoutEffect 和 useTransitionEffect？效果可真多啊！

• 这些是同步的还是异步的？

• 在使用这些效果时，React 多久在 DOM 中绘制一次 UI？

• React 如何安排更新？

• 什么是高优先级更新和低优先级更新？

• React 如何高效地创建 VirtualDOM 并尽可能使用最少的内存？

• ReactJS 中有多少个 VirtualDOM？

• React 如何批量更新？

• 如果很多组件中有多个状态更新怎么办？React 将渲染你的组件多少次？

如果你已经知道我提到的那些内容，那么你可能不需要这门课程。如果你不知道，那就和我一起学习那些东西吧！让我们玩得开心点！

本课程适合哪些人：

• 任何想要学习 ReactJS 并完全理解它的人