为什么使用 ReactJS？

[shahriyasojol114]

为您推荐： 优化 React Native App 性能的 5 个值得借鉴的技巧。

为什么使用 React-ReactJS
首先，在 JavaScript 框架方面，你面前有一个选择。那么，为什么你会选择 React？首先，它能够帮助开发者创建易于终端用户理解和使用的大型应用。

对于之前只使用过 jQuery 或原生 JavaScript 的开发者来说，学习如何使用新技术可能会令人沮丧。在某些情况下，开发者可能需要数百行代码才能创建一个简单的模态框或导航栏。由于 React 使用虚拟 DOM，而不是像 Angular 中经常做的那样，每次状态发生变化时都要编写和重写真实的 DOM 元素，因此使用 React 可以节省宝贵的时间，因为它允许更少的代码行数，同时还能让 肯尼亚电话号码列表 你的应用程序比以前运行得更快。

在浏览器中安装
在浏览器中使用 React 之前，你需要先安装它。幸好，借助 npm 和 Browserify，安装过程非常简单。使用 Node 或其他服务器端环境？你也可以使用 npm 和 Browserify。安装完成后，用你常用的文本编辑器创建一个 HTML 文件。或者，你也可以使用像 Create-React-App 这样的样板生成器，它会为你创建一个基本的入门项目，其中包含所有必要的设置。

将 App.js 转换为使用 ReactJS
目前，我们所有的代码都放在一个名为 App.js 的文件中。但这给测试带来了困难。所以，让我们把它拆分成多个文件。首先，我们将一个组件从 ES6 代码转换为 JSX 代码。最简单的方法是将所有 React 组件放在一个目录中（你应该这样做）。因此，让我们创建一个空的 src/components 目录，并将 App.js 移入其中：mv app/App.js src/components/app-react.js。然后将其重命名为 app-react.js。

要使用 React 而不仅仅是 ES6，请将文件顶部的 use strict; 更改为 use babel; 您还需要通过 npm install –save babel-CLI babel-preset-es2015 babel-preset-react 安装 Babel，这将使 Babel 编译您的新 JSX 语法。