React开篇

什么是React

• React 起源于 Facebook 的内部项目
• 因为 Facebook 对市场上所有的 JavaScript MVC 框架，都不满意
• 就决定自己写一个框架，用来架设 Instagram 的网站
• 来源：https://reactjs.org/blog/2013/06/05/why-react.html

什么是框架

• 框架是一个 半成品，已经对基础的代码进行了封装并提供了相应的 API
• 开发者在使用框架时，可以复用框架中封装好的代码，从而提高工作效率
• 框架就是 毛坯房，已经帮助我们搭建好了基本的架子，我们只需要拿过来根据我们自己的需求装修即可

为什么要学习框架

• 提升开发效率
• 对于企业来说，时间就是金钱
• 对于个人来说，时间 ≈ 女朋友

为什么要学习React

• 真香定律（国内技术发展潜规则）
• 国外流行 → 国内大厂尝试 → 大厂觉得很香 → 其它公司觉得也很香

国外流行

• React 2020 Stackoverflow 在全球开发者调研报告中，最受欢迎的框架排行榜中排 第二
  • https://insights.stackoverflow.com/survey/2020
  • https://www.sohu.com/a/398379279_827544
• React HackerRank 2020 在全球开发者调研报告，程序员最想学习框架排行榜中排 第一
  • https://research.hackerrank.com/developer-skills/2020
  • https://segmentfault.com/a/1190000021729876

国内大厂尝试

• 阿里：https://www.aliyun.com/
• 斗鱼：https://www.douyu.com/
• 优酷：https://youku.com/
• 飞猪：https://www.fliggy.com/
• 知乎：https://www.zhihu.com/
• 滴滴：https://www.didiglobal.com/
• 网易：http://yuedu.163.com/
• ... ...

其它公司觉得也很香

• 猎聘：https://wow.liepin.com/
• 36氪：https://36kr.com/
• 墨刀：https://www.modao.cc/
• 丁香医生：https://dxy.com/
• 石墨文档：https://shimo.im/

• 在浏览器（谷歌）当中安装 React Developer Tools

• 然后进入我上方列举的大厂网站，按下 F12，反正就是打开控制台，来验证一下大厂是否已经在用了

为什么要学习React

安全可靠

• React 是由 Facebook 来更新和维护，所以一般不会出现跑路的情况

思想升华

• React 是一个开源项目，融合了全世界诸多优秀成员的编程思想

值得借鉴

• Vue.js 设计之初，有很多的灵感来自 Angular 和 React
• Vue3 的很多新特性，在 React 中你也能看到它们的身影
• 诸如：Composition API / Fragment / Teleport(Protal) / Suspense

为什么要学习React

• 面向未来，迎接 5G
• 2013 年，React 发布之初主要是开发 Web 页面
• 2015 年，Facebook 推出了 ReactNative，用于开发移动端跨平台（Android / iOS APP）
• 虽然目前 Flutter 非常火爆，但是还是有很多公司在使用 ReactNative
• 2017 年，Facebook 推出了 ReactVR，用于开发 虚拟现实 Web应用程序
• 随着 5G 的普及，VR 也会是一个火爆的应用场景