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

相关推荐
阿琳a_1 分钟前
前端对WebSocket进行封装,并建立心跳监测
前端·javascript·vue.js·websocket
Am1nnn6 分钟前
【Pinia】Pinia和Vuex对比
前端·javascript·vue.js
可爱小仙子10 分钟前
ios苹果系统,js 滑动屏幕、锚定无效
前端·javascript·ios
大得36913 分钟前
react菜单,动态绑定点击事件,菜单分离出去单独的js文件,Ant框架
前端·javascript·react.js
段旭涛19 分钟前
uniapp 设置手机不息屏
前端·uni-app
古夕21 分钟前
Promise A+ 规范解读
前端·javascript
古夕21 分钟前
Promise 基础概念与实践详解
前端·javascript
SameX22 分钟前
HarmonyOS Next 枚举递归定义与表达式树建模:从理论到实践
前端
SameX24 分钟前
HarmonyOS Next自定义枚举与标准库的协同:Option与Result
前端
用户58061393930024 分钟前
深度解析:解决大型 Git 仓库克隆失败的完整指南
前端