框架及社区

• 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 组件文档生成器
• type-fest: 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 的工具库
• luxon: 日期时间库

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 有着良好的集成
• remark: markdown 社区及工具集
• puppeteer: 无头浏览器

有用的资源和社区

• react+ts 使用指南
• grid 可视化布局生成器
• 中文文档排版指北
• css 全面指南
• react 示例网站

待定

• tailwind.css: 实用且全面的工具库
• img-clipboard: 在 nodejs 中复制剪切板中的图像