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

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

学习内容：

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

课程内容主题：

* Introduction
* Refresh your Javascript Skills
* Play with React Components!
* React Hooks: State Manipulation
* React Refs: Unlocking the Power of DOM Manipulation
* Unlock the power of side effects! How does it work?
* Performance & Optimizations + Understanding React Core Algorithm
* More Hooks + Create your own!
* Thank You and Congratulations!

课程要求：

* 对 Javascript/HTML/CSS 有基本了解
* 渴望彻底理解 ReactJS（而不只是表面）

课程详细描述：

* 本课程专为新老 ReactJS 开发人员打造，以便我们都能全面了解 React 的工作原理。
* 课程通过深入讲解 React 18 的核心机制，帮助开发者掌握其底层原理，从而编写更高效的代码。
* 课程涵盖以下内容：
* **Reflow 和 Repaint**：理解 React 如何高效管理浏览器重排和重绘。
* **React Fiber**：解析 React 的 Fiber 架构及其对性能的影响。
* **VirtualDOM**：学习 React 如何高效创建和更新虚拟 DOM，最小化内存占用。
* **Hooks 的高级用法**：包括 useState、useReducer、useContext、useEffect 等核心 Hook 的深度剖析。
* **性能优化**：掌握 memo、useMemo、useCallback、Profiler 等工具，提升应用性能。
* **渲染与提交阶段**：理解 React 的渲染流程及高/低优先级更新的调度机制。
* **自定义 Hook**：学习如何创建可复用的自定义 Hook，提升代码可维护性。
* 课程适合希望深入掌握 React 18 与 TypeScript 结合开发的开发者，尤其适合对 React 底层原理感兴趣的学习者。

B站免费课程

更多 软件编程 教程