React Hooks 教程 – 掌握 React Hooks 开发
以正确的方式掌握 React Hooks。了解它们是什么、它们在幕后如何工作以及为什么它们如此具有革命性!
讲师:David Joseph Katz
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- 2022-2023 年更新:向拥有 5 年以上行业经验的工程师学习如何使用 React JS 和 React Hooks 进行编码。
- 如何使用 React hook 进行编码:useState、useEffect、useReducer、useContext 等。
- 了解为何引入 React hooks。
- 了解 React hooks 在 React 引擎和运行时层的底层如何工作。
- 掌握 React hooks 如何比其他模式更适合 React 的心理模型。
- 如何使用 React hooks 模式设置数据获取。
- 如何使用钩子构建完整的 React 应用程序。
要求
- 一些 React 经验会有所帮助。本课程立即深入研究 React hooks,对于 React 新手来说可能会感觉节奏很快。
- 熟悉 JavaScript。
- 命令行经验。
描述
如果您想以省时且彻底的方式了解 React Hooks,您应该学习本课程。
什么是 React Hook?
React hooks 是 React 自诞生以来最大的更新。
Hooks 是函数组件“挂钩”React 功能的一种方式。以前,当您希望 React 组件具有状态或副作用时,您需要扩展 React Component 基类。现在,功能组件只需应用一个钩子即可获得此功能。
我应该关心钩子吗?
作为一名 Web 和 React 开发人员以及软件工程师,您绝对应该关心 React hooks。这个功能是 React 的未来。由于该功能仍然很新,学习 React hooks 将使您成为一名 Web 开发人员和工程师。
*****
当我第一次开始探索 hooks 时,我对 API 的简单性感到惊喜。我预计需要一个巨大的心理转变。但当我继续用钩子创建新组件时,我开始看到新范例的力量。如果有的话,我发现 React 比我以前更优雅!
*****
在本课程中,您将了解 Hook 是什么、它们如何工作以及它们为何如此令人兴奋。以下是课程历程:
- 立即深入研究 React hooks。一旦完成第一部分,您就会获得相关经验。时间是宝贵的资源。我想确保您感觉自己在这门课程上明智地度过了时间。因此,几分钟之内,您将通过构建应用程序来编写 React hooks 代码。
- 构建一个有趣的 React 应用程序来探索 hooks。本课程的第一个项目是一个名为 Home 的应用程序。主页可以作为浏览器的主页。它有很多有用的小部件,例如自定义搜索栏、照片库、最新黑客新闻列表等等。它有多种用例,涵盖了 React hooks 的基本知识。
- 通过 Hook 了解编码障碍。学习 hooks 时,就像任何新技术一样,需要一点心理转变。有一些编码障碍需要克服,本课程将展示处理这些情况的正确方法。
- 了解 Hooks 在底层的工作原理。无需深入研究 React 引擎即可使用 hooks 进行编码。但探索 React 在表层之下的工作原理是非常有帮助的。因此,本课程将深入挖掘,并为您提供 React with hooks 的底层视角。
- 使用 JavaScript 和 hooks 探索有趣的案例。Hooks 有一个简单的 API。您将它们称为函数。但他们的行为可能并不总是符合您作为 JavaScript 开发人员的期望。在本课程中,您将介绍当您尝试使用 JavaScript 功能来 jive hooks 时出现的一些有趣的案例。
- 着眼大局并回答原因的问题。为什么要在 React 这个已经完善的框架中引入 hooks?在整个课程中,您将通过各种视频的花絮获得答案。此外,还将有一个部分专门用于更彻底地回答这个问题。
- 构建一个项目来掌握 hooks。本课程的第二个项目是一个名为 Reaction 的应用程序。这个多用户应用程序允许人们共享消息并使用表情符号做出反应。该项目的目的是让您有机会掌握以前的材料,并通过开箱即用的钩子学习更高级的概念。
*****
[2023年更新]
此外,本课程还包含 Nextjs、React 18 和 In-Depth JavaScript 中的可选内容。在本课程中,继续学习超越 hooks 的 React 之旅!
Nextjs 和 React 18 是制作 React 应用程序的现代方法。在本课程中,您还将构建一个生产级的 Nextjs 和 React 18 项目。在 Nextjs 和 React 18 项目部分,您将:
- 更深入地了解服务器和客户端组件。
- 了解 Nextjs 服务器操作。
- 探索 React 18 useTransition 挂钩。
- 扩展 Nextjs 基础知识,并创建共享布局结构。
- 使用 Nextjs 创建动态段并学习generateStaticParams。
- 探索 React Suspense 和 React lazy。
- 深入研究高级 Nextjs 钩子,例如 useSelectedLayoutSegments 和 useSearchParams。
- 探索 React 18 useDeferredValue 挂钩。
- 了解如何部署 Nextjs 应用程序。
然后是大量深入的 JavaScript 内容。在深入 JavaScript 部分,您将找到以下视频:
* 控制台、运算符、变量、数组、对象。
* 函数 – 声明与表达式以及箭头函数
* 方法和 `this` 关键字
* 回调
* 动态语言和类型 – “几乎一切都是对象”
* 平等和类型强制
* Let、Const、可变性、Var 和范围
* 面试问题 | 范围和吊装
* 模板文字和三元运算符
* 属性速记和解构赋值
* JSON 解析、JSON stringify、自定义和 Lodash CloneDeep
* 关闭
* 函数工厂和高阶函数
* 原型和基于原型的继承、对象原型、__proto__ 和原型链
* 带有SetTimeout的异步代码
* 从头开始获取并承诺
* JavaScript 引擎和运行时
* 等待和异步
*****
总之,如果您想以省时的方式学习 React Hooks,同时构建相关且引人入胜的项目,您应该学习本课程。同样,即使您只完成了预览内容,您也将获得许多宝贵的经验教训。
到时候那里见!
*****
促销音乐由 Ben Sound 提供。
本课程适合谁:
- 那些对新的 React hooks 功能感兴趣的人。
- 任何当前的 React 开发人员或前端和/或全栈软件工程师。
- 任何想要学习现代 Web 开发实践的人。