react工程化开发

react工程化开发

组件化/模块化

业务组件 & 通用组件

全局命令create-react-app

npm run eject

npm run eject 暴露webpack配置。(一旦暴露就无法还原)

新增了很多依赖项

@babel/core es6转成es5

react-refresh 关于刷新的插件

babel-preset-react-app 对@babel/presest-env的重写,使其能识别react的语法

尝试配置项修改

规则配置项通过module.exports导出,导出一个函数,未来这个函数一定会执行。

以修改less为例:

环境变量更改:cross-env

浏览器兼容

browserlist

*5.proxy跨域

MVVM

*区别mvc&mvvm

两者的区别:

数据模型去渲染视图。数据层改了,vue自己会监听到帮我们拿最新的数据去渲染视图;构建数据构建视图,数据驱动的思想。这一套是非常相似的。

视图中的内容改变,比如一个input,vue会监测到视图改变自己把数据改了 ,不仅实现了数据驱动视图,视图也驱动数据,反向地视图驱动数据,双向的

jsx构建视图

xml:通过自定义标签存储数据

通过reactdom

10n -> bigint

相关推荐
霍理迪5 分钟前
HTML初相识
前端·html
恋猫de小郭23 分钟前
Android 宣布 Runtime 编译速度史诗级提升:在编译时间上优化了 18%
android·前端·flutter
莓莓儿~24 分钟前
Next.js 14 App Router数据获取开发手册
开发语言·前端·javascript
文心快码BaiduComate31 分钟前
AI Coding老跑偏?用Comate Rules功能,少走十年弯路!
前端·架构·前端框架
PineappleCoder37 分钟前
WebP/AVIF 有多香?比 JPEG 小 30%,<picture>标签完美解决兼容性
前端·面试·性能优化
Kaze_story38 分钟前
Vue第五章(1):scoped、组件通信
前端·javascript·vue.js
hayzone39 分钟前
Git 配置与使用全攻略(含工作流对比与 AI 协作)
前端
匠心网络科技39 分钟前
前端框架-Vue为何开发更高效?
前端·javascript·vue.js·前端框架
哆啦A梦158841 分钟前
商城后台管理系统 02 添加规格参数-动态表单
javascript·vue.js·elementui
大风起兮云飞扬丶41 分钟前
react大列表更新时优化
前端·react.js·前端框架