一、前端基础库
第一部分frame_dependency
序号 |
名称 |
引入来源 |
gzip大小 |
使用版本 |
最新版本 |
描述 |
---|---|---|---|---|---|---|
1 |
@optimizely/react-sdk |
michaels-ssr |
29.41kb |
2.9.2 |
2.9.2 |
Optimizely 功能实验是一款面向产品开发团队的 A/B 测试和功能管理工具,使您能够在每一步进行实验。使用 Optimizely 功能实验可以让路线图上的每个功能成为发现隐藏见解的机会。 |
2 |
@reduxjs/toolkit |
自主 |
12.34kb |
1.9.5 |
1.9.5 |
用于高效 Redux 开发的官方、固执己见、包含电池的工具集。 |
3 |
assert |
node-polyfill-webpack-plugin |
7.61kb |
2.0.0 |
2.0.0 |
来自 Node.js 的模块assert,适用于浏览器。 |
4 |
console-browserify |
node-polyfill-webpack-plugin |
0.470kb |
1.2.0 |
1.2.0 |
模拟所有浏览器的控制台 |
5 |
get-intrinsic |
deep-equal |
2.4kb |
1.2.0 |
1.2.1 |
在第一次需要时获取并稳健地缓存所有 JS 语言级内在函数。 |
6 |
history |
react-router-dom |
3.46kb |
4.10.1 |
5.3.0 |
历史库让您可以在 JavaScript 运行的任何地方轻松管理会话历史记录。 |
7 |
object-keys |
deep-equal |
0.935kb |
1.1.1 |
1.1.1 |
一个 Object.keys 垫片。如果不可用,则调用其“shim”方法来填充 Object.keys。 |
8 |
path-to-regexp |
react-router |
1.41kb |
1.8.0 |
6.2.1 |
正则表达式路径 |
9 |
process |
node-polyfill-webpack-plugin |
0.703b |
0.11.10 |
10.0.11 |
通过模块提供的 browser.js shim 在 node.js 和浏览器中工作。 |
10 |
prop-types |
react-router |
0.467kb |
15.8.1 |
15.8.1 |
React props 和类似对象的运行时类型检查。 |
11 |
react |
自主 |
2.54kb |
17.0.2 |
18.2.0 |
React是一个用于创建用户界面的 JavaScript 库 |
12 |
react-dom |
自主 |
37.44 |
17.0.2 |
18.2.0 |
该包充当 React 的 DOM 和服务器渲染器的入口点。它旨在与通用 React 包配合使用,后者随reactnpm 一起提供。 |
13 |
react-gtm-module |
自主 |
1kb |
2.0.11 |
2.0.11 |
React Google 标签管理器模块 |
14 |
react-helmet |
自主 |
4.64kb |
6.1.0 |
6.1.0 |
这个可重用的 React 组件将管理您对文档头的所有更改。 |
15 |
react-highlight-words |
自主 |
5.52kb |
0.20.0 |
0.20.0 |
React 组件可突出显示较大文本正文中的单词。 |
16 |
react-is |
react-router |
0.868kb |
16.13.1 |
18.2.0 |
该包允许您测试任意值并查看它们是否是特定的 React 元素类型。 |
17 |
react-player |
自主 |
17.68kb |
2.12.0 |
2.12.0 |
用于播放各种 URL 的 React 组件,包括文件路径、YouTube、Facebook、Twitch、SoundCloud、Streamable、Vimeo、Wistia、Mixcloud、DailyMotion 和 Kaltura |
18 |
react-redux |
自主 |
4.12kb |
7.2.9 |
8.1.1 |
Redux的官方 React 绑定。 |
19 |
react-router |
react-router-dom |
3.2kb |
5.3.4 |
6.14.1 |
该包是React Routerreact-router的核心,为 和 提供所有核心功能 。 |
20 |
react-router-dom |
自主 |
1.54kb |
5.3.4 |
6.14.1 |
该react-router-dom包包含在 Web 应用程序中使用React Router 的绑定。 |
21 |
react-slick |
自主 |
11.4kb |
0.29.0 |
0.29.0 |
使用 React 构建的轮播组件 |
22 |
redux |
@reduxjs/toolkit |
1.73kb |
4.2.1 |
4.2.1 |
Redux 是 JavaScript 应用程序的可预测状态容器。 |
23 |
redux-thunk |
@reduxjs/toolkit |
0.165kb |
2.4.2 |
2.4.2 |
Redux 的Thunk中间件。它允许编写内部带有逻辑的函数,可以与 Redux 存储dispatch和getState方法进行交互。 |
24 |
regenerator-runtime |
@babel/runtime |
2.4kb |
0.13.9 |
11.0.13 |
Regenerator编译的生成器和函数的独立运行时 async |
25 |
scheduler |
react-dom |
1.87kb |
0.20.2 |
0.23.0 |
这是一个用于浏览器环境下协同调度的包。它目前由 React 内部使用,但我们计划使其更加通用。 |
26 |
util |
node-polyfill-webpack-plugin |
3.87kb |
0.12.5 |
0.12.5 |
适用于所有引擎的 Node.js util模块。 |
第二部分chakra_ui
序号 |
名称 |
引入来源 |
gzip大小 |
使用版本 |
最新版本 |
描述 |
---|---|---|---|---|---|---|
1 |
@chakra-ui/react |
自主 |
96.41kb |
1.8.9 |
2.7.1 |
开箱即用。Chakra UI 包含一组精美的 React 组件,可以开箱即用。灵活且可组合。Chakra UI 组件构建在 React UI Primitive 之上,以实现无限的可组合性。 |
2 |
@ctrl/tinycolor |
chakra-ui |
6.58kb |
3.6.0 |
3.6.0 |
TinyColor 是一个用于颜色操作和转换的小型库 |
3 |
@emotion/react |
chakra-ui |
10.57kb |
11.11.1 |
11.11.1 |
React 中的简单样式 |
4 |
@popperjs/core |
chakra-ui |
8.41kb |
2.11.8 |
2.11.8 |
定位工具提示和弹出窗口很困难。波普尔来帮忙!给定一个元素(例如按钮)和描述它的工具提示元素,Popper 会自动将工具提示放在按钮附近的正确位置。 |
5 |
copy-to-clipboard |
chakra-ui |
0.835kb |
3.3.1 |
3.3.3 |
简单的模块公开copy函数 |
6 |
css-box-model |
chakra-ui |
0.741kb |
1.2.1 |
1.2.1 |
盒子模型 |
7 |
framer-motion |
chakra-ui |
33.36kb |
6.5.1 |
10.12.18 |
由Framer制作的 React 开源运动库 |
8 |
react-focus-lock |
chakra-ui |
5.22kb |
2.5.2 |
2.9.4 |
浏览器友好的焦点锁定 |
9 |
react-remove-scroll |
chakra-ui |
3.11kb |
2.4.1 |
2.5.6 |
反应删除滚动 |
第三部分tools
序号 |
名称 |
引入来源 |
gzip大小 |
使用版本 |
最新版本 |
描述 |
---|---|---|---|---|---|---|
1 |
ahooks |
自主 |
15.82kb |
3.7.8 |
3.7.8 |
高质量且可靠的 React Hooks 库。 |
2 |
axios |
自主 |
5.65kb |
0.24.0 |
1.4.0 |
适用于浏览器和 Node.js 的基于 Promise 的 HTTP 客户端 |
3 |
date-fns |
自主 |
25.97kb |
2.30.0 |
2.30.0 |
date-fns提供了最全面、但简单且一致的工具集 ,用于在浏览器和Node.js中 操作JavaScript 日期。 |
4 |
dayjs |
ahooks |
2.81kb |
1.11.7 |
1.11.9 |
Day.js 是一个极简主义 JavaScript 库,它通过与 Moment.js 兼容的 API 来解析、验证、操作和显示现代浏览器的日期和时间。 |
5 |
device-uuid |
自主 |
5.48kb |
1.0.4 |
1.0.4 |
快速浏览器设备 uuid 生成插件。该插件基于express-useragent,用纯JavaScript编写,无依赖关系。 |
6 |
dompurify |
自主 |
8.29kb |
2.4.5 |
3.0.4 |
DOMPurify 可以净化 HTML 并防止 XSS 攻击。 |
7 |
jwt-decode |
michaels-ssr |
0.726kb |
3.1.2 |
3.1.2 |
jwt-decode是一个小型浏览器库,可帮助解码 Base64Url 编码的 JWT 令牌。 |
8 |
lodash |
自主 |
28.03kb |
4.17.21 |
21.4.17 |
Lodash库导出为Node.js模块 |
9 |
pino |
michaels-ssr |
2.08kb |
8.14.1 |
8.14.1 |
开销非常低的Node.js 记录器 |
10 |
qs |
自主 |
3.86kb |
6.11.2 |
6.11.2 |
具有一定安全性的查询字符串解析和字符串化库。 |
11 |
styled-components |
自主 |
12.17kb |
5.3.11 |
6.0.2 |
组件时代的视觉原语。使用 ES6 和 CSS 的最佳部分来毫无压力地设计您的应用程序 |
12 |
xss |
michaels-ssr |
3.3kb |
1.0.14 |
1.0.14 |
xss是一个用于过滤用户输入以防止XSS攻击的模块。 |
13 |
yup |
自主 |
10.55kb |
1.2.0 |
1.2.0 |
Yup 是一个用于运行时值解析和验证的模式构建器。 |
二、DLL共享技术
1、进入 mikssr-common项目,修改dllVersion版本号,执行yarn dll:step1,完成后执行yarn dll:step2
2、上传新的共享js到cdn目录common-files/production
3、发布新的michaels-ssr版本
标签:kb,React,Frontend,自主,library,js,react,sharing,chakra From: https://www.cnblogs.com/jerry-mengjie/p/18165018