React到底是一个什么样的东西?

1. Facebook公司出品的一个框架
   A JavaScript library for building user interfaces
2. 开发用户界面(user interface), HTML CSS JavaScript.
3. React就是一个用来构建用户界面的JavaScript库, 而且可以说是最流行的JavaScript库.
   高级JS语法, 上课会补充
4. 常见的比较流行的JavaScript库有哪些?

• JQuery 过去一二十年最流行的库
  -- 很多公司在放弃
• React
• Vue
• Angular

React 对比 Vue

Vue.js是更流行的前端框架?

1. 如果说国内最热门的JavaScript库, 那么可以说是Vue.js

• 对比一下百度搜索指数数据:

  
  image.png
  

  国内用百度的人
  github上国内给Vue.js点星的更多

  
  image.png

• 996.icu库, 的点star, 250k

  
  image.png

React是更流行的框架?

• 如果从国际的角度, 那么React是更流行和更被喜欢的框架

• Google指数和HackerRank

  
  image.png
  

  投票

  
  image.png

掌握最先进的思想和技术

• React有Facebook来更新和维护, 他是大量优秀程序员的思想结晶:
  -- React的流行不仅仅局限于普通开发者对它的认可, 大量流行的其他框架借鉴React的思想

• Vue.js框架设计之初, 有很多的灵感来自Angular和React
  --比如React Hooks是开创性的新功能
  -- Vue Function Based API学习了React Hooks的思想

• Flutter的很多灵感都来自React
  -- 事实上Flutter中的Widget - Element -RenderObject, 对应的就是JSX - 虚拟DOM - 真实DOM

  
  image.png

• 所以React可以说是前端的先驱者, 他总是会引领技术的潮流

• vue3近况
  -- vue3 Beta -> 正式版(API发生变化)
  -- 公司生产环境现在一定不会使用vue3

• 可以说React和Vue是前端开发人员必须掌握的两个框架.

• 下面的观点是一个目前比较普遍的公式, 没有贬低任何框架的意思
  -- 大中型公司选择React会较大, 灵活和稳定
  -- 中小型公司选择Vue会更多, 易上手和代码统一
  --- 高级和初级写出的Vue差别不会很大
  --- 高级和初级写React差别会非常大
  --难度: React难度大于Vue(工资跟难度成正比)

• 公司技术选型
  -- React招人难招, 技术和落地的博弈

React进阶路线

1. 邂逅React
2. React核心语法
3. React状态管理
4. React路由管理

• 路由 -> 路由器(路由映射表)
• 后端渲染(url -> controller)
• 前后端分离
• 前端路由和前端渲染

5. React Hooks
6. React项目实战
7. React打包部署
8. React SSR框架

内功修炼

• 原理解析
• 源码解读
• 代码规范
• 架构设计

经验之谈

• 如何学习:
• • 看文档/看书/找免费教程?
    -- 很少参考网上的文章, 尽量参考官方文档
    -- 不只学习一个知识点
• 所有的只是不只看技术怎么用
  -- 为什么这样用
  -- 如何更灵活的使用
  -- 它的原理是什么
  -- 源码是怎么实现的
  -- 层层剖析
• 无论你认为你可以, 或者不可以, 你都是对的.