通用 - 上浮模式

2023-10-19 02:10
文章标签 通用 模式 上浮

本文主要是介绍通用 - 上浮模式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

适用范围

组件,hooks,工具函数,style等

优势劣势 

优势:

        1、从数据耦合和使用频率上,规范性约定组件通用上浮机制,方便后续形成自动化

        2、统一引入入口,减少后续组件上浮后整体项目的改造成本

劣势:

        1、统一入口后,若组件过多,可能会导致入口文件的引用数量过多

阶段划分

阶段通过文件夹进行定义:

阶段名称

使用次数

数据解耦

说明

rc1-common

多处复用

通过props传递

自可用状态,复用性已验证,可提取出作为npm包独立使用

rc2-common-candi

仅1处

通过props传递

自可用状态,暂时未确认复用性优劣,待后续验证

rc3-biz

多处复用

依赖全局数据

复用性被验证,但需要考虑对全局数据的解耦

rc4-biz-candi

仅1处

依赖全局数据

暂时未确认复用性优劣,待后续验证。需要考虑对全局数据的解耦

dep-[类型]

仅1处

依赖局部数据

不可自用装态,高耦合于业务模块数据,如store数据

文件命名:dep-[类型],如 dep-components,dep-hooks

文件目录

以组件为例

├──src
│   ├──components
│   │   ├──rc1-common
│   │   │   └──button
│   │   ├──rc2-common-candi
│   │   │   └──table
│   │   ├──rc3-biz
│   │   ├──rc3-biz-candi
│   │   └──index.tsx
│   ├──modules
│   │   ├──plan
│   │   │   ├──dep-components
│   │   │   │   └──table

index.tsx内容,约定所有通用的统一入口,方便后续进行通用性的提升。

export {default as Button} from './rc1-common/button';
export {default as Table} from './rc2-common-candi/table';

针对组件的使用,页面A文件

import {Button} from '@components/index';const A = () => {return (<Button/>)
}    

FAQ

1、rc1-common依赖rc1-common-candi,如何处理?

将rc1-common-candi提升为rc1-common

2、多处使用dep,如何处理?

将dep提升为rc3-biz

 

这篇关于通用 - 上浮模式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/236607

相关文章

MyBatis-Plus通用中等、大量数据分批查询和处理方法

《MyBatis-Plus通用中等、大量数据分批查询和处理方法》文章介绍MyBatis-Plus分页查询处理,通过函数式接口与Lambda表达式实现通用逻辑,方法抽象但功能强大,建议扩展分批处理及流式... 目录函数式接口获取分页数据接口数据处理接口通用逻辑工具类使用方法简单查询自定义查询方法总结函数式接口

Python通用唯一标识符模块uuid使用案例详解

《Python通用唯一标识符模块uuid使用案例详解》Pythonuuid模块用于生成128位全局唯一标识符,支持UUID1-5版本,适用于分布式系统、数据库主键等场景,需注意隐私、碰撞概率及存储优... 目录简介核心功能1. UUID版本2. UUID属性3. 命名空间使用场景1. 生成唯一标识符2. 数

Java设计模式---迭代器模式(Iterator)解读

《Java设计模式---迭代器模式(Iterator)解读》:本文主要介绍Java设计模式---迭代器模式(Iterator),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录1、迭代器(Iterator)1.1、结构1.2、常用方法1.3、本质1、解耦集合与遍历逻辑2、统一

Java 线程安全与 volatile与单例模式问题及解决方案

《Java线程安全与volatile与单例模式问题及解决方案》文章主要讲解线程安全问题的五个成因(调度随机、变量修改、非原子操作、内存可见性、指令重排序)及解决方案,强调使用volatile关键字... 目录什么是线程安全线程安全问题的产生与解决方案线程的调度是随机的多个线程对同一个变量进行修改线程的修改操

Redis Cluster模式配置

《RedisCluster模式配置》:本文主要介绍RedisCluster模式配置,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录分片 一、分片的本质与核心价值二、分片实现方案对比 ‌三、分片算法详解1. ‌范围分片(顺序分片)‌2. ‌哈希分片3. ‌虚

RabbitMQ工作模式中的RPC通信模式详解

《RabbitMQ工作模式中的RPC通信模式详解》在RabbitMQ中,RPC模式通过消息队列实现远程调用功能,这篇文章给大家介绍RabbitMQ工作模式之RPC通信模式,感兴趣的朋友一起看看吧... 目录RPC通信模式概述工作流程代码案例引入依赖常量类编写客户端代码编写服务端代码RPC通信模式概述在R

SQL Server身份验证模式步骤和示例代码

《SQLServer身份验证模式步骤和示例代码》SQLServer是一个广泛使用的关系数据库管理系统,通常使用两种身份验证模式:Windows身份验证和SQLServer身份验证,本文将详细介绍身份... 目录身份验证方式的概念更改身份验证方式的步骤方法一:使用SQL Server Management S

Redis高可用-主从复制、哨兵模式与集群模式详解

《Redis高可用-主从复制、哨兵模式与集群模式详解》:本文主要介绍Redis高可用-主从复制、哨兵模式与集群模式的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录Redis高可用-主从复制、哨兵模式与集群模式概要一、主从复制(Master-Slave Repli

一文带你搞懂Redis Stream的6种消息处理模式

《一文带你搞懂RedisStream的6种消息处理模式》Redis5.0版本引入的Stream数据类型,为Redis生态带来了强大而灵活的消息队列功能,本文将为大家详细介绍RedisStream的6... 目录1. 简单消费模式(Simple Consumption)基本概念核心命令实现示例使用场景优缺点2

Nginx location匹配模式与规则详解

《Nginxlocation匹配模式与规则详解》:本文主要介绍Nginxlocation匹配模式与规则,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、环境二、匹配模式1. 精准模式2. 前缀模式(不继续匹配正则)3. 前缀模式(继续匹配正则)4. 正则模式(大