React超级教程,第2章:Hello React

总目录

在本章中,您将作为 React 开发人员迈出第一步。当您到达终点时,您将在计算机上运行微博应用程序的第一个版本!

安装Node.js

虽然 React 是在浏览器中运行的前端框架,但一些相关的实用程序被设计为使用 Node.js 引擎在您自己的计算机上运[……]

继续阅读

超级React教程,第 1 章:现代 JavaScript

总目录

JavaScript语言在过去几年中发生了重大变化,但由于浏览器在采用这些变化方面进展缓慢,因此很多人没有跟上该语言的步伐。React 鼓励开发人员使用现代 JavaScript,因此本章概述了该语言的最新功能。

ES5 与 ES6 的对比

JavaScript 语言规范由[……]

继续阅读

TypeScript和Javascript之间的区别

如果你是网页开发的新手,或者只是 Javascript 开发,你可能会发现自己想知道TypeScript和Javascript之间的区别是什么?在本指南中,我将确切地解释什么是TypeScript,以及为什么它与 Javascript不同。如果你想开始你自己的TypeScript项目,我在这里写了一[……]

继续阅读

TypeScript Extract类型的工作原理

utility类型允许我们检查特定成员的union类型,并根据剩余的内容返回新类型。它在格式上与“排除”类型非常相似。Extract

让我们来看看它是如何工作的。

Utility类型

Utility类型是在TypeScript 中定义的类型,用于解决特定问题。如果您不熟悉[……]

继续阅读

TypeScript Exclude类型的工作原理

在 TypeScript 中,实用工具类型允许我们从已定义的utility类型中排除某些成员。这意味着我们可以采用现有类型,并在特定情况下从中删除项目。Exclude

让我们看一下exclude utility type在TypeScript中的工作原理。

Utility类型

Ut[……]

继续阅读

javascript filter()方法

Javascript 中的filter方法创建数组的浅副本,并根据许多条件对其进行过滤。它接受回调函数。生成的数组通常是原始数组的简化版本。下面是一个基本示例:filter

如您所见,filter 方法将允许元素位于新的筛选数组中,如果该元素返回 。它有效地循环遍历每个元素,并对其运行测试[……]

继续阅读

用nvm设置Node.JS默认版本

在 Node.JS 中开发项目和产品时,设置计算机上正在使用的 Node.JS 版本变得至关重要。 是一个非常有用的工具,用于动态更改Node.JS版本。如果您需要安装nvm,可以在此处了解如何执行此操作。nvm

nvm还允许您设置 Node.JS的默认版本,这样您就不必不断更改它。为此,您可[……]

继续阅读

ReactJS – Formik

Formik是第三方 React 表单库。它提供基本的表单编程和验证。它基于受控组件,大大减少了表单编程的时间。让我们使用Formik库重新创建费用表格。

首先,按照创建 React 应用程序章节中的说明,使用 Create React App或Rollup bundler[……]

继续阅读

ReactJS – 不受控制的组件

正如我们之前所了解的,不受控制的组件不支持基于 React 的表单编程。如果不使用 React api,就无法获取 React DOM 元素(表单元素)的值。获取 react 组件内容的一种方法是使用 React ref功能。

React 为它的所有 DOM 元素提供了一个 ref[……]

继续阅读