react技术栈

news/2024/7/15 18:36:13 标签: react.js, npm, 前端

react-app-rewired 

可以不react-scripts eject 的情况下抛出webpack的配置项

react-app-rewired - npm

react-app-rewire-alias 取别名

pusher (要收费)

pusher-js 是一种用于实现实时数据传输的库。它可以用于在客户端创建连接和订阅频道以接收数据。pusher-js 支持多种平台,包括 Web,iOS 和 Android 等。

pusher - npm

react-hook-form

react-hot-toast

react-spring

react动画库

react-icons

react-icons - npm

react使用图标

import { FaBeer } from "react-icons/fa";

function Question() {
  return (
    <h3>
      {" "}
      Lets go for a <FaBeer />?{" "}
    </h3>
  );
}

轮播库

react-slick

react-slick - npm

动画相关
react-flip-move: react-flip-move - npm

有Dom变化的,使用其包裹起来,就有动画效果

F:fist开始位置

L:last结束位置

I:insert 插入位置

P: 开始动画

将dom操作变得顺滑

React-Spring: react-spring - npm

react-motion

react-transition-group

钱包相关库

bconnectkit - npm

react-transition-group

mobx

mobx-react"

react-copy-to-clipboard

normalize.css

react-tooltip

fast-deep-equal

use-bus

events

pc端可拖拽库

https://www.npmjs.com/package/react-draggable

https://codesandbox.io/s/still-monad-yfi4fn?fontsize=14&hidenavigation=1&theme=dark&file=/src/App.js:111-124


http://www.niftyadmin.cn/n/1006649.html

相关文章

华为FIT痩AP旁挂式隧道组网实验(一)

拓扑图 实验设备型号ACAC6005S1S5700S2S3700APAP2050DNAP4AP2050DNAR1AR200 没有配置好之前,是没有这个AP范围圈的 配置流程 接入交换机创建VLAN,配置对应端口的链路类型,放行vlan,开启端口隔离 # 与AP连接的接口(0/0/2) [S2]vlan batch 100 101 [S2]int e0/0/2 [S2-Ethern…

C#中文本文件的创建,删除,复制,剪切操作

using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Text; using System.Threading.Tasks; namespace _15File类 { class Program { static void Main(string[] args) { //创建一个文件 //File.Create(“C:\Users\SpringRain…

茶油生产加工MES质量溯源平台源码(spring boot+mybatis+easyui+mysql+h5)

一、生产加工MES&#xff08;Manufacturing Execution System&#xff0c;简称MES&#xff09;是一种面向车间的生产过程管理与实时信息系统。它主要负责监控生产过程&#xff0c;管理生产资源&#xff0c;优化生产流程&#xff0c;提高生产效率和质量。MES系统需要与ERP系统、…

计算机性能

计算机性能 计算机性能描述 计算机性能测试程序 计算机性能速度指标 计算机性能计算 设1号计算机执行任务耗时3s,2号计算机执行任务耗时2s&#xff0c;则有 P11/3 P21/2 则相对性能比为 P1/P22/3 &#xff08;p1的性能为p2性能的2/3&#xff09;&#xff0c;因为P1/P2 < …

packaged_task创建异步任务

本文将介绍基本的packaged_task的用法&#xff1a; 看完上述代码后一定有疑问&#xff1a; 为什么要有packaged_task&#xff1f; 解答&#xff1a;上文的线程通信代码如下&#xff1a; 功能主要是做了求两数之和&#xff0c;然而一般情况下&#xff0c;我们并不习惯这样编写子…

JApiDocs|SpringBoot集成JApiDocs用以生成API文档

框架简介 JApiDocs和Swagger都是用于生成API文档的工具&#xff0c;它们各自有一些优点。下面是JApiDocs相较于Swagger的几个优点&#xff1a; 简单易用&#xff1a;JApiDocs相对来说更加简单易用&#xff0c;配置和使用都比较简单明了。它使用Java注解来描述API信息&#xff0…

day36 | 435. 无重叠区间、763.划分字母区间、56. 合并区间

目录&#xff1a; 解题及思路学习 435. 无重叠区间 https://leetcode.cn/problems/non-overlapping-intervals/ 给定一个区间的集合 intervals &#xff0c;其中 intervals[i] [starti, endi] 。返回 需要移除区间的最小数量&#xff0c;使剩余区间互不重叠 。 示例 1: …

python学习api api python

一、使用API 1、API概括 现在API是越来越多&#xff0c;一些“成熟”的网站都会为自己构造API为使用者或开发者提供使用&#xff0c;例如可以 通过百度地图API进行查询路线&#xff0c;定位坐标等。通过一些音乐API查询歌手信息、歌词下载等。通过翻 译API进行实时翻译多国语言…