react使用技巧

devtools/2024/9/19 23:20:39/ 标签: react.js, 前端, 前端框架

1搭建项目要看项目支持什么浏览器 通常是 vite+react18
2有些是需要小文件大小的 使用react小版本插件 有些需要支持ie11,建议webpack打补丁
3组件库的选择 比如antd有变量控制颜色 css in js 方便是方便
4路由的选择 一般是react-router-dom6 做动态路由我习惯是把路由写成两级,然后默认导入import加载 根据权限来控制 如果不在菜单权限里面就去404 在就让它过
5数据状态管理用mirror插件 redux也行
6业务通常是后台管理页面列表 封装组件导入各种 import 虽然现在有自动导入的插件 我之前尝试把东西绑定在window 比如组件 挂载上面做变量 减少导入 也算是一种小技巧
7样式有人用tailwind 其实没那么好用 因为还是不怎么对应很细的ui设计
8scss可以使用 还行 也可以使用css变量 封装表单 是必须的
9至于eslint和ts用不用看你电脑配置 和项目大小 因为 不一定可以起,打包git验证很慢
10关于react使用图表封装 一般很多人都是直接echart堆一起画options,我一般是先配置好全局变量的配置 然后 注册主题 然后初始化通用的图表文件js
11在接口使用的时候导入js 然后在里面处理变量 外面 传入 方便复用函数


http://www.ppmy.cn/devtools/113185.html

相关文章

CPU 和 GPU:为什么GPU更适合深度学习?

目录 什么是 CPU ? 什么是 GPU ? GPU vs CPU 差异性对比分析 GPU 是如何工作的 ? GPU 与 CPU 是如何协同工作的 ? GPU vs CPU 类型解析 GPU 应用于深度学习 什么是 CPU ? CPU(中央处理器)…

Spring Boot集成Akka Cluster实现在分布式节点中执行任务

1.写在前面 前面已经写过akka的很多文章了,具体如下: Spring Boot集成akka actor快速入门DemoSpring Boot集成Akka Stream快速入门DemoSpring Boot集成Akka remoting快速入门DemoSpring Boot集成Akka Cluster快速入门Demo 今天主要讲一下如何在一个ak…

Linux: network: IPv6: ESP: UDP checksum error 一例

文章目录 问题分析解决方法问题 最近遇到一个问题,操作系统的内核版本是:3.10.0-693.21.1.el7.x86_64 #1 SMP Wed Mar 7 19:03:37 UTC 2018 x86_64 x86_64 x86_64 GNU/Linux 使用的是virtio-net虚拟网卡,设置网卡的MTU-1500,配置IP6的地址,用ESP加密UDP包,如果UDP内部数…

Vue与React的Diff算法

虚拟DOM 定义 虚拟DOM是一种用于在前端开发中模拟真实DOM的技术。它是一种抽象的数据结构(简单来说就是一个Javascript对象),用于描述HTML或XML文档的结构和内容。通过将页面的状态和结构保存在内存中,而不是直接操作真实的DOM&am…

OCR2.0--General OCR Theory

引领光学字符识别(OCR)的新篇章 引言:OCR技术进化的必要性 光学字符识别(OCR)是一项广泛应用的技术,它能够从图像中提取字符并将其转换为可编辑格式。虽然OCR-1.0在过去取得了广泛应用,但传统…

iOS的传递链与响应链机制

iOS的框架分为:应用层、触摸层、媒体层、核心服务层、核心系统操作层以及内核和驱动层。 详见https://blog.csdn.net/ScheenDuan/article/details/134274203?spm1001.2014.3001.5501 其中触摸事件涉及到触摸层中的UIKit中的UIResponse,只有继承了UIRe…

在Ubuntu 16.04上安装R的方法

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站。 简介 R 是一种流行的开源编程语言,专门用于统计计算和图形处理。它被广泛用于开发统计软件和进行数据分析。R 很容易扩展&a…

前端发布 CDN缓存

公司给服务器加了CDN,导致有时前端代码上传打包后,正式环境页面效果却不更新。每次都需要去找运维刷CDN…让我彻底记住了CDN缓存 CDN(Content Delivery Network,内容分发网络)是一种广泛使用的互联网技术,…

详解 Pandas 的 rename 函数

Pandas 的 rename 函数主要是用于对 DataFrame 的行名和列名进行重命名,其基本语法如下: 一、修改行名 1. 数据准备 import pandas as pddf pd.DataFrame({"Jan" : [1, 2, 3],"Feb": [4, 5, 6],"Mar": [7, 8, 9] })pr…

动态ip切换频率是快点好还是慢点好

在网络爬虫、数据采集、网络营销等活动中,动态IP切换成为了一种常见的策略,用以规避访问限制、提高访问效率或隐藏真实身份。然而,关于动态IP的切换频率,一直存在着一个争议:是切换得快点好,还是慢点好&…

C++ ——string的模拟实现

目录 前言 浅记 1. reserve(扩容) 2. push_back(尾插) 3. iterator(迭代器) 4. append(尾插一个字符串) 5. insert 5.1 按pos位插入一个字符 5.2 按pos位插入一个字符串 …

C++学习笔记----7、使用类与对象获得高性能(一)---- 书写类(3)

2.4、this指针 每个正常的成员函数调用都会隐含地传递一个指针给到对象,它就是被可能我的天this的隐藏参数。使用该指针访问数据成员或者调用成员函数,也可以将其传递给其他的成员函数或者函数。有时候它对消除有歧义的名字很有用。例如,可以…

Navicat使用 笔记04

Navicat调用数据库 1.创建一个自己的链接(文件-->新建连接-->MySQL) 进入到这个界面中: 【注意:密码是下载登录软件时设定过的】 创建一个连接完成(通过双击激活)。 2.在创建好的连接中创建数据库…

从零到一,数字文创IP是如何在基地中孵化成长的?

在数字时代的浪潮下,数字文创IP孵化基地正成为培育创新的肥沃土壤,见证着一个个数字文创 IP 从无到有、茁壮成长。 数字文创IP孵化基地首先为创意的萌发提供了空间。这里汇聚了各路富有创造力的人才,他们的思想在这里碰撞,灵感的火…

strncpy函数的使用和模拟实现

目录 1.头文件 2.strncpy函数功能 2.1情况二&#xff1a; 3.strncpy函数&#xff08;模拟实现&#xff09; 方源一把抓住VS2022&#xff0c;催动春秋产的气息&#xff0c;顷刻炼化&#xff01; 1.头文件 strncpy函数的使用需要包括头文件<string.h> #include<string…

Simulink常用英文单词缩写及基本操作

Simulink常用英文单词缩写及基本操作 常用快捷键 快捷键说明 Shift 鼠标左键加选选择多个元件拖动 Ctrl 鼠标左键复制选中的元件并跟随鼠标拖动复制操作 Del 删除选中的元件 Ctrl R 旋转元件 Ctrl I 水平翻转Flip Block Ctrl 另一个模块快速连接信号线自动连线 C…

94. 二叉树的中序遍历

思路 中序遍历的遍历顺序&#xff1a;左子树、根、右子树 # Definition for a binary tree node. # class TreeNode(object): # def __init__(self, val0, leftNone, rightNone): # self.val val # self.left left # self.right right class S…

顺序表(c语言实现)

顺序表是一种数据结构&#xff0c;它在计算机内存中以连续的存储位置来存储数据元素。 一、特点 1. 随机访问&#xff1a;可以在常数时间内访问特定位置的元素&#xff0c;例如&#xff0c;通过下标可以快速找到对应元素。 2. 存储密度高&#xff1a;不需要额外的指针来链接…

车载软件架构 --- SOA设计与应用(下)

我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何消耗你的人和事,多看一眼都是你的不对。非必要不费力证明自己,无利益不试图说服别人,是精神上的节…

RabbitMQ高级篇,进阶内容

强烈建议在看本篇博客之前快速浏览文章&#xff1a;RabbitMQ基础有这一篇就够了 RabbitMQ高级篇 0. 前言1. 发送者的可靠性1.1 生产者重试机制1.2 生产者确认机制1.3 实现生产者确认 2. MQ的可靠性2.1 MQ持久化2.2 LazyQueue 3. 消费者的可靠性3.1 消费者确认机制3.2 失败重试策…