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

React中组件和模块，模块化和组件化的理解

news 来源：原创 2024/5/6 4:08:17

模块

  • 理解：向外提供特定功能的js程序，一般一个模块是一个js文件
  • 为什么要拆分：业务逐渐复杂的时候，代码不好维护
  • 好处：易于维护、提高复用性

组件

组件其实要比模块高一个层级，或则说模块其实是组件的子集。

  • 理解：用来实现局部效果功能的代码和资源的集合（html/css/js/img等）
  • 为什么？业务逐渐复杂的时候，代码不好维护
  • 好处：易于维护、提高复用性

模块化

当一个应用的js都是使用模块来编写的，这个应用就是模块化应用。

组件化

当一个应用都是使用组件化来编写的，这个应用就是组件化应用。

相关文章：

  • ES6：类的基本知识
  • 再议：通用功能页面的组件化编码流程
  • React: 样式模块化
  • React：类式组件
  • React: 深入类中this对象的理解
  • React: state和setState理解
  • React: 函数式组件如何使用props
  • VSCode在代码处显示提交记录
  • 如何去除谷歌的人机身份验证
  • git修改用户名及邮箱
  • git撤销commit 并保存之前的修改
  • git merge和git rebase区别
  • git rebase实战操作
  • mac系统如何更改用户名及头像
  • internal/modules/cjs/loader.js:883 throw err；
  • 11111111
  • Apache Spark Streaming 使用实例
  • Javascript设计模式学习之Observer(观察者)模式
  • java第三方包学习之lombok
  • Leetcode 27 Remove Element
  • Quartz实现数据同步 | 从0开始构建SpringCloud微服务(3)
  • sessionStorage和localStorage
  • SpringCloud集成分布式事务LCN (一)
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 当SetTimeout遇到了字符串
  • 给第三方使用接口的 URL 签名实现
  • 使用agvtool更改app version／build
  • 手写一个CommonJS打包工具（一）
  • AI算硅基生命吗，为什么？
  • SAP CRM里Lead通过工作流自动创建Opportunity的原理讲解 ...
  • 国内唯一，阿里云入选全球区块链云服务报告，领先AWS、Google ...
  • ​Linux·i2c驱动架构​
  • #我与Java虚拟机的故事#连载15：完整阅读的第一本技术书籍
  • $var=htmlencode(“‘)；alert(‘2“)； 的个人理解
  • （1）(1.11) SiK Radio v2（一）
  • （C语言版）链表（三）——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • （附源码）springboot码头作业管理系统 毕业设计 341654
  • （入门自用）--C++--抽象类--多态原理--虚表--1020
  • （十一）手动添加用户和文件的特殊权限
  • （转）Scala的“=”符号简介
  • (转)为C# Windows服务添加安装程序
  • (转)真正的中国天气api接口xml，json（求加精） ...
  • .chm格式文件如何阅读
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .Net Redis的秒杀Dome和异步执行
  • .net web项目 调用webService
  • .NET开源项目介绍及资源推荐：数据持久层
  • @JsonFormat与@DateTimeFormat注解的使用
  • @RequestBody与@ModelAttribute
  • @RestControllerAdvice异常统一处理类失效原因
  • @拔赤：Web前端开发十日谈
  • [ 蓝桥杯Web真题 ]-Markdown 文档解析
  • [Android Studio] 开发Java 程序
  • [C/C++] C/C++中数字与字符串之间的转换