脚本宝典收集整理的这篇文章主要介绍了01_React简介，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

自己学习途中的笔记，如果你发现有误，欢迎指正🌹

React 简介

1. 是什么？

中文官网：https://zh-hans.reactjs.org/

英文官网：https://reactjs.org/

官网：用于构建用户界面的 JavaScript 库。

这里有个字就是“库”，我们知道网上有很多JS库，也有一些JS框架，这里可以简单的做一下区分。

🚗JS库：

封装了一些便捷的api，简化了部分操作，让你用起来更爽，但是没有解决一些成体系的问题（jquery/Lodash/Zepto...）。

🚀JS框架：

解决了一系列的问题，并且有一个庞大的生态，比如React/Vue热门了，就会有一些库是专门给React/Vue用的，目前常见的前端框架：Angular/React/Vue

React称自己是一个库是比较谦虚的。

2. 是干什么的？

用官方的话来说就是：构建用户界面

通俗的说就是将数据渲染为HTML试图。

React其实并不是啥都干，它就是一个帮你画页面的人，它就只关注页面。

🤔什么叫只关注页面呢？比如现在有一个需求，让你把后台返回的200个菜名显示在网页的li列表上，需要几步呢？

1. 发送请求获取数据
2. 处理数据（过滤数据/整理格式）
3. 操作DOM呈现页面

其中的第3个步骤，操作DOM，按照以前的写法就是我们拿到数据以后，遍历数据并创建一个个的li节点，然后调用document.xxxxx往网页上插，这个是正常的步骤。

但是现在这第3个步骤（也是繁琐且重复的步骤）不需要我们自己来操作了。

我们只需要发请求获取数据，将数据处理，然后交给React，它会帮我们渲染到页面上。

使用过Jquery的哥们儿可能就要问了，React这么牛，那它自己没有封装React.ajax()这种东西吗？没有，因为它只关注用户界面，这些发请求/处理数据不是它关注的部分。

3. 谁开发了它？

由FaceBook开发，并且是一个开源项目（一个库开源了，意味着网络上其他开发者也可以参与到项目的维护中来，可以让项目越来越好）。

4. 为什么要学习React

1. 原生JS操作DOM太繁琐了，效率也低，就算使用Jquery，也只是简化DOM操作，其实还是你在操作，使用React开发自己就不需要手动操作DOM了。
2. 使用Javascript直接操作DOM，浏览器会进行大量的重绘重排（每次页面内容的改变，浏览器都会进行图像的绘制和排列，当你频繁进行大量的DOM操作，浏览器也会频繁的重绘重排，很消耗性能，具体可以去网上搜索相关解释）。
3. 原生JavaScript没有组件化的编码方案，代码复用率低（一个组件中包含了结构/样式/逻辑/媒体资源，可以很方便的在不同的地方复用代码）。

脚本宝典总结

以上是脚本宝典为你收集整理的01_React简介全部内容，希望文章能够帮你解决01_React简介所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。