当前位置： 首页 > article >正文

react工程化开发

article 2025/3/3 4:19:08

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


http://www.kler.cn/a/566725.html

相关文章：

  • TCP/IP 5层协议簇：网络层（IP数据包的格式、路由器原理）
  • 滑动验证组件-微信小程序
  • Nginx系列06（Nginx 缓存配置、SSL/TLS 配置）
  • 使用 pytest-mock 进行 Python 高级单元测试与模拟
  • Vue 路由基础：Vue 2 和 Vue 3 的比较与使用
  • openinstall支持鸿蒙App Linking：赋能系统级深度链接能力
  • UniApp 使用 u-loadmore 完整步骤
  • Elasticsearch：过滤 HNSW 搜索，快速模式
  • AI岗位面试指南：高频文档问题解析与应答策略
  • VMWare虚拟机Ubuntu Desktop怎么共享文件夹
  • Spring Boot 整合 Apollo 配置中心实战
  • react 路由跳转的几种方式
  • element-ui infiniteScroll 组件源码分享
  • 三轴加速度推算姿态角的方法，理论分析和MATLAB例程
  • Linux网络数据包接收：原理、流程与优化策略
  • Linux：同步
  • 【微知】git log如何将每次提交按照一行查看？（git log --oneline）
  • unity lua属性绑定刷新
  • C++ 设计模式 十一:代理模式 (读书 现代c++设计模式)
  • MySQL 和 Elasticsearch 之间的数据同步