关于javascript:React-系列-前言

2次阅读

共计 1449 个字符，预计需要花费 4 分钟才能阅读完成。

“ 小和山的菜鸟们 ”，为前端开发者提供技术相干资讯以及系列根底文章。为更好的用户体验，请您移至咱们官网小和山的菜鸟们 (https://xhs-rookies.com/) 进行学习，及时获取最新文章。

咱们从 React 官网能够看到官网对于 React 的定义 React 是一个用于构建用户界面的 JavaScript 库。从实质而言，React 就是一个 JavaScript 的代码库, 其性能是为程序员提供了一种子组件不能间接影响外层组件（”data flows down“）的模型，数据扭转时对 HTML 文档的无效更新，和古代单页利用中组件之间洁净的拆散。

在前端界面中，不可避免的须要应用到三个技术：

HTML: 构建页面构造
CSS：定义页面款式
JavaScript：动静地处理事件和数据

咱们当然能够间接应用这三个技术构建前端页面，应用也不会呈现太大的问题，然而在开发过程中可能会呈现很多问题：

你须要频繁的思考浏览器的兼容性问题，并为了解决兼容问题写出一堆反复的代码。
你须要手动批改 DOM 对象，在状况简单的时候可能会呈现一些奇奇怪怪的难以查找的问题
……

针对以上的问题，前端开发人员始终在寻找一种好的解决方案来帮忙本人更好的开发页面。

在过来，JQuery 被大量应用来解决下面的问题，但随着工夫的倒退，人们发现有更为便捷的框架来解决 DOM 操作的问题，这就是当初前端应用最多的三大框架——Angular、React、Vue。

它们领有着对立的理念——申明式编程和组件化开发，以下以 React 举例

以组件的形式去划分一个个功能模块
组件内以 JSX 来形容 UI 的样子，以 state 来存储组件内的状态
当利用的状态产生扭转时，通过 setState 来批改状态，状态发生变化时，UI 会主动产生更新

发现了吗，咱们将不再须要手动操作 DOM 对象了，这将咱们从数据处理和 UI 解决的耦合中脱离了进去，从此以后咱们只须要分心解决好数据，UI 会依据数据主动产生更新！

除此之外，React 还领有这一个更令人兴奋的个性——多平台适配

起初 React 只在 Web 端应用
2015 年，FaceBook 推出了 React Native，应用 React Native 程序员能够应用 React 的代码开发出挪动端的程序。
现在，你能够应用如 uni-app、Taro 进行更多元的开发，你能够只编写一次的 React 代码，在 Web、挪动端、小程序等多端应用，实现真正的跨端开发。

让咱们来看两张图。

<center style={{marginBottom:’20px’}}>（图为 2020 最具知名度的框架，能够看到 React 的知名度排在的第二位）</center>

<center style={{marginBottom:’20px’}}>(图为 2020 年程序员最想学习的框架，React 位列榜首)</center>

作为前端工程师，咱们能够很显著的看出将来抉择的趋势，在国内前端畛域 React 曾经成为了当之无愧的第一框架（因为 Angular 对 TypeScript 有肯定要求，国内应用 Angular 的公司较少）

React 官网中文文档是 React 学习最详尽的路线，然而对于初学者而言大家可能会不晓得如何在官网文档中查问到本人须要的常识，所以咱们基于 React 官网文档，联合 React 学习路线整顿出以下一份 React 教程，旨在用平实的语言和简略的代码来疏导初学者进行 React 的学习。加油吧！骚年，让咱们开启对 React 的学习吧！

正文完