前言

首先，自我介绍，我的名字叫Edik ，我是Full Stack Web Developer。 Laravel＆React.js，Vue.js的主要方向。 学习GoLang和Swift。

尽管已经有许多其他信息来源，但书籍仍然是最常见的信息来源之一，但是其中蕴藏着大量的水，我决定不拿出另一个拐杖，而只是记笔记。

为了构建数据， 信息将按照分为几章的一系列文章的形式呈现 。

我为自己写了这些笔记，并决定与全世界分享。 所以不要苛刻。 因此，我们走吧！

第1章欢迎使用React

React是一个流行的库，用于创建用户界面 。 它是在Facebook上创建的，用于解决与大型网站相关的许多问题。

作为库反应

值得注意的是，该库的大小并不大，仅用于整个工作的一部分。 有关使用哪种生态系统工具的主要决定由开发人员决定。 React是“ MVC”世界中唯一的“ V” 。

新的ECMAScript语法

React利用了ECMAScript的新功能 。 如果您不熟悉最新的规范，那么查看React代码可能会导致不安全。

功能上流行的JavaScript

JavaScript脚本不是一种功能语言，但是可以在其代码中使用功能性方法。 React强调函数式编程比面向对象编程的优先级 。 这种思想上的转变可以在测试和生产率提高等领域带来显着的优势。

在开始使用React之前，建议您熟悉函数式编程范例的基础。

乏味的javascript

要使用React，您需要学习Webpack的基础知识 。 Webpack将允许您测试代码，将其分解为模块，将其压缩以进行生产等。

React库的未来

该库的下一个版本将包括Fiber工具-核心React算法的新实现，其目的是提高在屏幕上显示图像的速度 。 许多更改与目标设备有关。 不要忘记，React Native中仍然使用React。

处理文件

React开发人员工具

有几种工具可以作为扩展或其他浏览器模块安装，我们对此有些兴趣：

react-detector是一个Chrome浏览器扩展程序， 可让您知道哪些站点正在使用React 。

show-me-the-react是另一个React检测工具 。

React Developer Tools是一个扩展模块，扩展了浏览器工具的功能 。 他在开发人员的工具中创建了一个新标签， 您可以在其中详细查看React元素 。

React Developer Tools是一个很棒的工具，可以在调试时节省很多时间。 如果您想使用React进行专业写作，那么此模块对您非常有用。

安装Node.js

Node.js-没有浏览器的JavaScript语言 （服务器端JS）。 这是用于在客户端和服务器端创建JavaScript应用程序的运行时环境 。 它可以安装在Windows，MacOS，Linux和其他平台上。

您可以在官方的Node.js网站上找到安装详细信息。

要使用React，不需要Node。 但是在使用React时，您将需要使用一个名为NPM 的软件包管理器来安装依赖项 。 它随Node自动安装。

要检查终端中是否安装了Node，请输入node -v 。 您应该看到Node的版本。

 $ node -v v.10.13.0 

NPM的替代品

NPM的另一种替代方法是Yarn 。 该工具由Facebook与Exponent，Google和Tilde合作发布。 它有助于更​​可靠地管理应用程序依赖项 。 使用Yarn时，您会注意到它比NPM快。

安装Yarn非常容易。 安装Node之后，输入：

 $ npm install -g yarn 

您可以在Yarn官方网站上找到安装详细信息。

然后，一切准备就绪即可安装软件包。 从packege.json安装依赖项时，可以运行yarn而不是npm install 。

使用Yarn添加软件包：

 $ yarn add [_] 

使用Yarn删除软件包：

 $ yarn remove [_]