KnowledgeCity

React.js 入门

本React.JS课程旨在介绍用于构建用户界面的ReactJavaScript库。本课程适合几乎没有React经验的初学者。

本React.JS课程旨在介绍用于构建用户界面的ReactJavaScript库。本课程适合几乎没有React经验的初学者。

在整个课程中,您将学习React的基本概念,包括如何设置React开发环境、如何创建组件和管理状态、如何处理用户事件以及如何使用React强大的渲染引擎。

除了React的核心概念之外,您还将学习组织和构建React应用程序的最佳实践,以及如何使用流行的React工具。您还将探索React和普通JavaScript之间的主要区别,包括使用基于组件的方法构建用户界面的好处。

在本课程结束时,您将对React有深入的了解,并能够从头开始构建基本的React应用程序。无论您是想开始Web开发职业,还是只是想将React添加到您的技能中,本课程都是一个很好的起点。

学习目标

  • 了解React组件是什么
  • 了解何时使用React
  • 了解如何使用ES6+
  • 了解React类组件
  • 了解组件道具

作者: Tony Davydets

时长: 1h 38m · 23 课时
级别: Beginner
语言: 简体中文

你将掌握的技能

Create React AppJavaScript LibrariesNode.js(Javascript库)React JsxReact VRReact.js(JavaScript库)

您将学到的内容

  • 使用 Create React App 工具搭建 React 开发环境
  • 创建 React 组件并管理组件的 props 和 state
  • 使用 ES6+ 函数和 JSX 渲染组件
  • 应用 React hooks,包括 useEffect、useState、useCallback 和 useMemo
  • 实现具有路由和导航功能的多个组件
  • 通过结合 Context API 使用自定义 hooks 传递数据

关键要点

  • React 是一个用于构建用户界面的 JavaScript 库,采用基于组件的方法。
  • 课程同时涵盖带有生命周期函数的类组件和带有 hooks 的函数组件。
  • 学员将探索 React 与原生 JavaScript 之间的主要差异,包括 JSX 与常规 HTML 的对比。
  • 课程讲授组织和构建 React 应用及文件夹结构的最佳实践。
  • 完成课程后,学员可以从零开始构建基本的 React 应用。

常见问题

本课程适合哪些人?

本课程适合几乎没有 React 使用经验的初学者,适合希望开始从事 Web 开发职业或将 React 添加到技能集的人员。

完成本课程后,我能做什么?

您将对 React 有扎实的理解,并能够从零开始构建基本的 React 应用。

本课程涵盖哪些主题?

课程涵盖 React 基础知识,包括搭建开发环境、创建组件、管理 state、处理用户事件、使用 React 渲染引擎、hooks、路由与导航以及 Context API。

我需要有 React 的使用经验吗?

不需要。本课程专为几乎没有 React 使用经验的初学者设计,从零开始介绍 React 库。

本课程涵盖 React 与原生 JavaScript 的哪些区别?

课程探讨了为何使用 React 而非 JavaScript 的原因、基于组件的方法构建用户界面的优势,以及 JSX 与常规 HTML 的对比。

字幕文稿

字幕文稿

您好,欢迎来到知识城的 React 课程。 我的名字是托尼。 我是一名拥有超过 25 年经验的专业开发人员 应用程序开发、架构经验和我 将成为你的导师。 在本课程中,您将了解 React JS 及其存在的原因。 我们还将讨论类组件、功能组件 组件和数据流。 我们将看一下并熟悉一下 命令行界面命令,也称为 CLI 命令。 学完本课程后,您将能够理解为什么 使用 React 替代常规 JavaScript,如何使用 HTML 和 创建 React 组件时的 JSX,并了解如何 使用 React Context API 并利用自定义钩子来传递 数据和 React Web 应用程序内部。 让我们开始吧。

随时随地学习

随时随地学习——使用 KnowledgeCity 应用,您可以在移动中观看课程。