【Udemy中英字幕】Advanced React: Design System, Design Patterns, Performance

高级 React：设计系统、设计模式、性能

通过获得设计系统、设计模式、性能、Typescript 等方面的深入专业知识，成为 React JS 的高级人员。

讲师：CodeLicks Academy

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

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

你将学到什么

从初级/中级前端开发人员到高级开发人员
学习以 REACT 方式开发 React 应用程序
设计和开发高可重用和可维护的组件库的企业级设计系统
掌握高级组件模式，包括 HOC、容器、自定义挂钩和 ReactJS 函数式编程
知道何时使用受控/非受控组件等模式而不是其他设计模式
使用记忆技术优化 React 应用程序的性能
成为查找 React 项目中浪费的渲染并使用 React 功能解决它们的专家
像专家开发人员一样以 React 方式理解和使用 Typescript。
使用 React Hooks、Context API 和 type props 构建健壮且可靠且可扩展的 Typescript 应用程序

要求

需要React基础知识

描述

大家好，欢迎来到本课程，关于高级 React。如果您正在学习本课程，您很可能是一名想要提升技能的 React 开发人员。在这种情况下，您来对地方了！

本课程的承诺很简单：通过参加本课程，您将成为公司的 React 向导！

在本课程中，我们将涉及多个模块中的独特主题，包括设计系统、设计模式、性能优化和带有 React 的高级 Typescript。

如果您对这些主题的重要性感到好奇，解释很简单。经验丰富的开发人员通过实施与这些关键领域相关的最佳实践来有效地监督企业级前端项目。

如果您是初级或中级开发人员，那么您需要掌握这些主题才能将自己视为高级开发人员并准备好申请高级职位。

本课程的所有材料均基于多年的多个 React 项目工作经验，每个概念都配有具体示例。

所有主题都提供了实际的实际示例，因此您可以在之后立即将所有内容应用到日常项目中。

首先我们讨论设计模式。

作为一名高级软件开发人员，我已将本模块中涵盖的主题确定为我在面试 React 开发人员候选人时寻求的关键要素。这些模式可以帮助弥合初级或中级开发人员与高级 React 从业者之间的差距。

通过完成这一部分，您将有机会探索React 最基本的设计模式。

还有一部分介绍一些高级概念和挂钩及其用例，因为它们可以帮助您解决相关场景中的一些挑战。

然后您将学习有关设计系统的所有内容。管理大型项目不仅仅是对组件进行编码。在不迷失方向的情况下开发无尽的组件需要可靠的设计系统来保证项目每个元素的可重用性和可维护性。我们将引导您了解概念和理论，然后在 Figma 中开发一些基本组件，最后在 ReactJS 中构建可扩展的设计基础。因此，您建立了如何设计和开发干净且可重用的设计系统的思维方式。该模块的重点将放在封装样式上，以保证组件库中的更多可重用性。

然后我们进入优化部分。React 中一个非常严肃的概念。优化不佳的应用程序和不需要的渲染可能会毁掉整个项目。但好消息是，优化 React 应用程序可以非常简单和甜蜜。在本模块中，我们将研究一个演示项目，该项目存在性能问题，例如渲染浪费和昂贵的操作。在本模块结束时，您将了解如何排除和修复 React 应用程序中的大多数性能问题。

我们还教您一些有关React 中干净代码的技巧。在本节中，我们将探讨诸如 props 之类的概念，并使用 Context API 优化一些性能问题。

最后但并非最不重要的一点是，我们以 React 方式探索 Typescript！在本模块中，您将学习如何有效地将 TypeScript与 React 组件结合使用，确保使用适当的属性。此外，了解如何使用 Context API、React Hooks 和 type props 来大规模开发更具弹性和类型安全的应用程序！

** 奖励：React Router V6 完整课程**

我们添加了有关 React Router 版本 6 的 5 星奖励课程。通过此模块，您将通过构建一个展示实现 React Router 的最佳实践的全栈书店来学习 React Router 的所有功能。

长话短说，如果您希望解决所有这些有趣的主题并将您的技能提升到一个新的水平，那么就加入我的本课程吧！

本课程将持续进行中，并将根据学生的反馈添加更多模块！