React是什么及特点

React

React 介绍

 

• React 是一个用于构建用户界面的渐进式 JavaScript 库

  • 本身只处理 UI

  • 不关系路由

  • 不处理 ajax

• React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。

  • 数据驱动视图

• React 由 Facebook 开发

• 第一个真生意义上把组件化思想待到前端开发领域

  • angular 早期没有组件化思想

  • 后来也被 Vue 学习借鉴了

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。

这个项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目，目标更是宏伟，希望用写 Web App 的方式去写 Native App。如果能够实现，整个互联网行业都会被颠覆，因为同一组人只需要写一次 UI ，就能同时运行在服务器、浏览器和手机（参见《也许，DOM 不是答案》）。

• 数据驱动视图

• 组件化

• 路由

• React 8w

  • 对技术要求比较高

  • 今年春天的，只要会用就行

  • 编程性更好一些，更底层，更灵活

  • 可玩儿性更高

• Vue 7.5 w

• angular

  • 1 5.7 w

  • 2 3w

React 特点

• 组件化

• 高效

  • 虚拟 DOM

  • Vue 2 也是虚拟 DOM

  • 虚拟 DOM 更高效

• 灵活

  • 渐进式，本身只处理 UI ，可以和你的其它技术栈组合到一起来使用

• 声明（配置）式设计

  • data 响应式数据

  • mathods 处理函数

  • 这样做的好处就是按照我们约定好的方式来开发，所有人写出来的代码就像一个人写的

  • state

  • 方法就是类成员

  • 也有特定的组件生命钩子

• JSX

  • 一种预编译 JavaScript 语言，允许让你的 JavaScript 和 HTML 混搭

  • 模板中就是 JavaScript 逻辑

• 单向数据流

  • 组件传值

  • 所有数据都是单向的，组件传递的数据都是单向

  • Vue 也是单向数据流

  • 没有双向数据绑定