【Udemy中英字幕】Master React Patterns by Example

通过示例掌握 React 模式

通过示例、简单的代码配方学习 React 模式，以启动您的 React 项目并解决日常问题

讲师：Tim MacLachlan

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

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

您将学到什么

• 通过示例了解 React 模式
• 获取 React 开发中常见问题及场景解决方案
• 了解在 React 中调用 API 的不同方法
• 了解 React 中的不同布局模式
• 学习其他 React 模式，如制作表单、模态框、弹出窗口、状态管理
• 还有更多！

探索相关主题

要求

• React 的基本先验知识
• 一些商业 React 经验
• 使用 React 调用 API 的一些经验

描述

通过示例掌握 React 模式：通过设计模式解决 React 问题

你准备好将你的 React 技能提升到一个新的水平了吗？如果你熟悉 React 的基础知识并想深入了解其核心功能，那么“通过示例掌握 React 模式”就是最适合你的课程！

在这门面向开发人员的课程中，我们将揭秘 React 设计模式，展示解决现代 React 开发中常见问题的多种不同方法，让您能够构建动态、高效且可维护的应用程序。例如，如何最好地连接到 API？布局设计模式怎么样，例如 2 列、仪表板、页眉和页脚布局？验证怎么样？或者制作弹出窗口怎么样？

本课程将以简单、清晰的方式提供“千篇一律”的代码配方，您可以按照这些配方来启动自己的应用程序。

您将学到什么

• React 设计模式– 用于构建和创建组件的不同设计模式：

  • 容器展示器模式

  • 渲染道具模式

  • 复合组件模式

  • 高阶组件模式

  • 还有更多！

• API 数据获取模式– 从 API 中提取数据的不同模式：

  • Async/Await Promise 模式

  • 自定义钩形图案

  • Axios 自定义钩子

  • React 查询模式

  • SDR 模式

  • 无限滚动

  • 条件抓取

  • 使用 Async Redux Thunk 获取

  • 还有更多！

• React 布局模式– 来自常见布局要求的各种模式，包括；

  • 一列

  • 分屏模式

  • 三列布局

  • 圣杯布局

  • 网格布局

  • 堆栈布局

  • 仪表板布局

  • 砌体布局

  • 响应式布局

  • 还有更多！

• React CSS 样式模式– CSS 样式的不同模式：

  • 内联样式

  • CSS 模块

  • CSS-in-JS

  • CSS 预处理器，例如 SASS、LESS

  • 创建主题

  • 全局样式

  • 还有更多！

• 模态和弹出模式-创建弹出窗口的不同模式：

  • 简单弹出窗口

  • 带有创建门户的模式弹出窗口

  • 模态弹出动画

  • 还有更多！

• 状态管理模式——管理状态的模式：

  • useState 和 useReducer

  • 提升状态

  • 还有更多！

学习方式

本课程强调循序渐进地学习。通过实际示例，您将探索在实际开发项目中可能遇到的典型场景，例如：

• 调用 API 并检索数据

• 管理状态。

• 布局设计模式。

• 处理表单和验证

到课程结束时，您不仅会从概念上理解这些模式，而且还会自信地使用它们来解决 React 应用程序中的实际挑战。

本课程适合哪些人？

本课程非常适合具有以下条件的初学者：

• 对 React 有基本的了解。

• 希望拥有简单易用的模板来启动他们的项目

• 喜欢实践的、以示例为导向的学习。

无论您是想巩固您的 React 知识还是为更高级的主题做准备，“通过示例掌握 React 模式”都将为您提供构建强大、现代 React 应用程序的技能。

立即注册并开始掌握 React 模式！

本课程适合哪些人：

• 喜欢从示例、千篇一律或预制代码中学习的 React 开发人员
• React 开发人员正在寻找常见问题的解决方案并需要指导如何解决这些问题
• React 开发人员正在寻找模式来启动他们的项目