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

相关推荐
NiceCloud喜云3 小时前
Opus 4.8 的 Effort Control 怎么选:Low 到 Max 五档策略
android·java·大数据·前端·c++·python·spring
wordbaby4 小时前
React Native + RNOH:跨页面数据回传的最佳实践与避坑指南
前端·react native
GISer_Jing4 小时前
Three.js着色器编译机制深度解析
javascript·webgl·着色器
丷丩4 小时前
MapLibre GL JS第22课:查看本地GeoJSON
前端·javascript·map·mapbox·maplibre gl js
油炸自行车4 小时前
Claude Code 错误:API Error: 400 Failed to deserialize the JSON body into the
开发语言·javascript·json·trae·claude code·api error 400
Front思5 小时前
AI前端工程师需要具备能力+
前端·人工智能·ai
ZC跨境爬虫7 小时前
跟着 MDN 学CSS day_29:(掌握文本与字体样式的核心艺术)
前端·css·ui·html·tensorflow
李子琪。8 小时前
网络空间安全深度实战:CSRF 漏洞原理剖析与基于 Token 的纵深防御体系构建(全栈实验报告)
前端·安全·csrf
冰暮流星8 小时前
javascript之history对象介绍
前端·笔记
IT_陈寒8 小时前
Vite热更新失灵?你可能漏了这个配置
前端·人工智能·后端