React到底是一个什么样的东西?
- Facebook公司出品的一个框架
A JavaScript library for building user interfaces - 开发用户界面(user interface), HTML CSS JavaScript.
- React就是一个用来构建用户界面的JavaScript库, 而且可以说是最流行的JavaScript库.
高级JS语法, 上课会补充 - 常见的比较流行的JavaScript库有哪些?
- JQuery 过去一二十年最流行的库
-- 很多公司在放弃 - React
- Vue
- Angular
React 对比 Vue
Vue.js是更流行的前端框架?
- 如果说国内最热门的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进阶路线
- 邂逅React
- React核心语法
- React状态管理
- React路由管理
- 路由 -> 路由器(路由映射表)
- 后端渲染(url -> controller)
- 前后端分离
- 前端路由和前端渲染
- React Hooks
- React项目实战
- React打包部署
- React SSR框架
内功修炼
- 原理解析
- 源码解读
- 代码规范
- 架构设计
经验之谈
- 如何学习:
- 看文档/看书/找免费教程?
-- 很少参考网上的文章, 尽量参考官方文档
-- 不只学习一个知识点
- 看文档/看书/找免费教程?
- 所有的只是不只看技术怎么用
-- 为什么这样用
-- 如何更灵活的使用
-- 它的原理是什么
-- 源码是怎么实现的
-- 层层剖析 - 无论你认为你可以, 或者不可以, 你都是对的.
网友评论