React 前言

一、简介

1. 起源于 Facebook，2013年5月开始开源
2. 设计思想独特，属于革命性创新，性能出众，代码逻辑简单
3. 两个概念：
   • library（库）：小而巧，便于从一个库到另一个库
   • framework（框架）：大而全，提供一套解决方案

二、三大框架

• Angular.js：最早
• Vue.js：最火（关注者多）
• React.js：最流行（使用者多）

三、React 和 Vue 对比

组件化方面

1. 模块化：从代码角度分析，将可复用代码抽离为单个模块
2. 组件化：从UI角度分析，将可复用 UI 元素抽离为单个组件
3. 组件化优势：方便使用现有组件拼接出页面
4. Vue 实现组件化：通过 ‘.vue’ 文件，创建对应组件
   • template：结构
   • script：行为
   • style：样式
5. React 实现组件化：一切通过 JavaScript 来表现

开发团队

• React：由 Facebook 前端官方团队维护
• Vue：第一版由作者尤雨溪专门维护，2.x版本后，有了一个以尤玉溪为主的开源小团队进行维护

社区

• React：诞生较早，一些常见问题、坑、解决方案、文档、博客等都能在社区找到
• Vue：诞生较晚，社区相对较弱

移动 APP 开发体验

• React：结合 React Native ，提供无缝迁移到移动端 App 的开发体验
• Vue：结合 Weex ，迁移到移动端 App 的开发体验

四、为什么学习 React

1. 与 Angular1 相比，有很大的优势，基于 javascript 实现组件化的开发思想
2. 开发团队实力强大
3. 社区强大，很对问题都有解决方案
4. 提供无缝迁移到移动端 app 的开发体验
5. 许多企业的前端项目技术选型采用 React