【Udemy中英字幕】React Hooks Tutorial – Master React Hooks Development
最近更新 2024年01月20日
资源编号 38049

【Udemy中英字幕】React Hooks Tutorial – Master React Hooks Development

2024-01-20 Udemy 0 515
郑重承诺丨视频 中英文字幕 配套课件
增值服务:免费提供代找课服务:
¥ 39.9 金币
VIP折扣
    折扣详情
  • 体验会员

    免费

  • 包月会员

    免费

  • 包年会员

    免费

  • 永久会员

    免费

开通VIP尊享优惠特权
立即下载 升级会员
微信扫码咨询 微信扫码咨询
进入TA的商铺 联系官方客服
信息属性
详情介绍

React Hooks 教程 – 掌握 React Hooks 开发

以正确的方式掌握 React Hooks。了解它们是什么、它们在幕后如何工作以及为什么它们如此具有革命性!

讲师:David Joseph Katz

双语IT资源独家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 开发实践的人。
请注意:
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务