学习React.js 中文字幕

课程信息
英文名Learning React.js
课程来源Lynda.com
讲师Eve Porcello
课程ID800214
课程时长0.8小时
下载所需积分50
解压密码课程压缩文件如果需要解压密码,则密码一律为 www.zwsub.com
所属类别Javascript React/React Native

React旨在使构建模块化,可重用的用户界面组件的过程简单直观

在本课程中,Eve Porcello将引导您完成React开发的基础,涵盖JavaScript库中最受欢迎的功能

她回顾了组件,元素和状态,以及如何利用JSX语法扩展来提高嵌套元素的能力

此外,她还介绍了如何处理应用中的事件,从列表中呈现组件,以及使用create-react-app生成优化的生产构建

主题包括:

什么是React?

使用JSX

创建React元素和组件

使用类组件

在React中与州合作

使用React事件

有条件地渲染组件

使用create-react-app构建React项目

- [讲师]要开始使用React项目,您不需要设置任何类型的复杂项目文件夹。

您可以从HTML文件开始。

所以在我的开始文件夹中,我将创建一个名为index.html的新文件,在这个文件中,我们将创建我们的第一个React文件。

首先让我们设置你的HTML页面。

我们要添加一个doc类型。

我们将添加HTML标记。

我们将添加头标记。

这个头标签只会有一个标题,我们称之为React Project。

在本文档的正文中,我们将添加一个div。

这个div应该有一个root的ID,我会给它一个保存。

我要做的下一件事是合并React库,所以让我们添加一个脚本标签。

这个脚本标签应该有一个源,源应该是https://unpkg.com/react@16.7.0,然后我们将使用/umd/react.development.js。

所以这是从unpkg CDN中提取React,这将有助于我们使用React。

我们需要另一个脚本。

我要复制并粘贴这个,因为这里的变化很小。

我们需要加入的只有反应和类似的反应。

很酷,所以这才是我们开始需要的全部。

中文课程网 提供全网最全,中文翻译质量最高的国外课程视频资源(Lynda / Pluralsight)

请先登陆 如果还没有账号,请先注册