前端资源管理
本文最后更新于:2021年1月7日 凌晨
框架及社区
- react: 前端流行的 mvc 框架
- create-react-app: react 官方的脚手架
- react-router: react 上的路由管理库
- react-router-config: 集中式的 react-router 路由管理库
- craco: react 的一个非官方的无需 eject 即可覆盖 cra 内部配置的打包库
- react-use: react hooks 通用库
- antd: 极其强大的中后台 ui 组件库
- @ant-design/icons: antd 的图标库
- immer: 简化 react 中不可变数据的修改
- use-query-params: 处理 react router 中的 query params
- query-string: 所依赖的 url 查询字符串库,必须手动添加以使用最新版本
- classnames: react css module 简化工具
- react-infinite-scroller: react 无限滚动通用组件
- vue: 国人开发的 mvvm 框架,更小更加轻量
- vue-cli: vue 官方的脚手架
- vue-router: vue 官方的集中式路由管理库
- vuex: vue 官方的 flux 状态管理库
- typescript: 为 js 添加了类型系统
- mobx: 跨框架可变式的全局状态管理库
- xstate: 跨框架的状态机
- esdoc: js 中最好的 api 文档生成工具
- typedoc: ts 中目前最好的 api 文档生成工具(但仍然没有上面的 esdoc 好)
- storybook: 跨框架的 ui 组件文档生成器
- utility-types: typescript 类型工具库
- faker: mock 数据生成
- axios: 通用 ajax 请求库
- @types/*: 社区类型定义库
- prettier: 代码统一格式化工具
- eslint: 前端可配置的 linter 工具(实测还是没有 WebStorm 的内置 linter 好用)
- uuid: 前端 uuid 生成工具
- jszip: js 上的 zip 处理库
- dexie: Web IndexedDB 封装
- scroll-into-view-if-needed: 控制 dom 元素滚动到视图区域的工具库
- jsbarcode: 生成一维码
- react-string-replace: react 中将
string
替换为 jsx 的工具函数 - print-js: 浏览器端打印 pdf 的工具库
nodejs 上的工具
- rollup: 前端 npm 库打包工具
- env-cmd: 跨平台设置环境变量
- gulp: 流式 task 工具
- husky: 为项目配置 git 钩子
- lint-staged: 针对暂存的 git 文件运行 linters
- worker-plugin: webpack worker 插件
- comlink: 基于 Proxy 的一个 web worker rpc 实现
- jest: 单元测试框架
- ts-jest: 支持 ts 单元测试的预设配置
- ts-node: 直接运行 ts 文件
- fs-extra: nodejs fs 模块的 Promise 包装超集
- shx: npm 中的跨平台 *unix 命令
- git-rev-sync: 读取当前项目的 git 信息
- electron: Web 跨平台客户端解决方案
- electron-builder: electron 打包/更新一站式解决方案
- electron-devtools-installer: electron 客户端安装开发插件
- webpack-bundle-analyzer: web 打包分析
- lodash: 前端通用工具库
- ssh2-sftp-client: sftp 工具库
- levelup: 跨语言的高性能键值存储
- open: 在 nodejs 中打开链接、文件之类的东西
- pdf-to-printer: 使用 nodejs 打印 pdf 的函数库
- os-locale: 在 nodejs 获取系统语言
- ajv: 前端 json 校验
- simple-git: 操作 git 的 npm 库
- diff-match-patch: Google 的文本差异对比
- typeorm: nodejs orm 库,和 nest.js 有着良好的集成
有用的资源和社区
待定
- tailwind.css: 实用且全面的工具库
- img-clipboard: 在 nodejs 中复制剪切板中的图像
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!