什么是反应?

• 用于构建用户界面的开源库

• 不是框架

• 专注于UI

• 丰富的生态系统

为什么要学习 React?

• 由 Facebook 创建和维护

• Github 上超过 10 万颗星

• 庞大的社区

• 急需技能

基于组件的架构

• 这让您可以将您的应用程序分解成小的封装部分,然后可以组合这些部分来制作更复杂的 UI。

可重用代码

• 你可以为 React 上的一篇文章创建一个组件,通过将正确的数据传递给文章组件,可以将同一篇文章用于 Angular 和 vue。

React 是声明性的

• 告诉 React 你想要什么,然后用它的 react dom 库进行 React 将构建实际的 UI,这是一个声明性范例。

有两种范式

1. 势在必行

2. 声明式

让我们用一个真实的例子来理解它。

假设你去找一位艺术家,你让他们画一幅风景,你没有告诉他们如何画,这取决于他们这是声明性的。 (你告诉必须做什么,艺术家会为你完成)

现在你要求一个 5 岁的孩子做同样的任务,但这次你必须明确解释每一步画山、河、树等。最好的部分是你可以控制景观的流动,这是陈述性范式。

• React 将有效地处理组件的更新和渲染。

• DOM 更新是 React 中优雅的句柄。

更多关于为什么反应?

• 将 react 无缝集成到您的任何应用程序中。

• 页面的一部分或整个页面,甚至整个应用程序本身。

• 用于移动应用程序的 React Native。

先决条件

• HTML、CSS和JavaScript基础

• ES6

• JavaScript - 'this' 关键字、过滤器、映射和减少

• ES6 - let & const 、箭头函数、模板字面量、默认参数、对象字面量、rest 和 spread 运算符以及解构赋值。

• 节点

• NPM

让我们开始吧

1.在你的机器上安装节点。

2.安装IDE(vs代码)