工欲善其事，必先利其器。从工具使用到源码分析，从项目开发到自动化测试。得心应手的框架工具，会在我们的实际工作起到事半功倍的效益。下边是参考相关开源网站进行的归类整理，便于我们在快速了解，在实践应用中，能够快速进行合适工具的选择。

Resource1

Webpack：优质模块化管理及打包工具

React:构建用户界面的优质前端框架

TypeScript:javascript的一个超集

Svelte:构建web应用的新方式

Next.js:Next.js 是一个轻量级的 React 服务端渲染应用框架。

Babel 是一个 JavaScript 编译器。Babel 通过语法转换器支持最新版本的 JavaScript 语法。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

Deno 是一个简单、现代且安全的 JavaScript 和 TypeScript 运行时，deno 基于 V8 引擎并使用 Rust 编程语言构建。

Resource2

Yarn 是一个快速、可靠、安全的依赖管理工具。

NPM（node package manager）是 Node.js 世界的包管理器。

Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。

Vue.js - 是一套构建用户界面的渐进式框架。

Nuxt.js 是一个基于 Vue.js 的通用应用框架。

Recoil 是一个针对 React 应用程序的状态管理库。

Redux 是 JavaScript 状态容器，提供可预测化的状态管理、构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。

Resource3

Parcel - 极速、零配置的 web 应用打包工具。

Lodash 是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。

Pro Git 中文版（第二版）是一本详细的 Git 指南。

Bootstrap Icons 的设计初衷是与 Bootstrap 组件配合使用。

Rollup，新一代的 JavaScript 模块打包工具，可以将小块代码编译成大块复杂的代码。

Preact - 一个只有 3kB 大小的 React 替代品，拥有与 React 相同的 API、组件和虚拟 DOM。

PurgeCSS 是一个用来删除未使用的 CSS 代码的工具，能够减小 CSS 文件的体积。

gulp.js - 基于流(stream)的自动化构建工具。

Resource4

Markdown 是一种轻量级标记语言，便于人们使用易读易写的纯文本格式编写文档并添加格式元素。

MDX 是一种书写格式，允许你在 Markdown 文档中无缝地编写 JSX。

ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。

Sass 是一个成熟、稳定、强大的 CSS 扩展语言解析器。

LESS 为 CSS 赋予了动态语言的特性，如变量、继承、运算、函数。

Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。

Tailwind CSS 是一个用于快速UI开发的实用工具集 CSS 框架。

Docusaurus 是一款基于 React 框架构建的易于维护的静态网站创建工具。

Resource5

Hugo 是最流行的开源静态站点生成器之一

Gatsby 是一个基于 React 的免费、开源框架，可以帮助开发人员构建快速的网站和应用程序。

Handlebars 是一个书写高效率、语义化的模板引擎，与 Mustache 模板兼容。

Stylus - 富于表现力、健壮、功能丰富的 CSS 预处理语言。

Pug 是一款健壮、灵活、功能丰富的模板引擎，专门为 Node.js 平台开发。

Liquid - 最流行的模板语言。Jekyll、Github Pages 都在用。

WebAssembly，简称为 wasm，是一种新型可移植，具有占用存储小、加载速度快等特点的面向 web 应用的编译格式。

EJS 是一套简单的模板语言，帮你利用普通的 JavaScript 代码生成 HTML 页面。

Resource6

PostCSS 利用 JavaScript 的强大编程能力对 CSS 代码进行转换。

Underscore.js是一个 JavaScript 工具库，它提供了一整套函数式编程的实用功能。

cssnano 将你的 CSS 文件做多方面的的优化，以确保最终生成的文件对生产环境来说体积是最小的。

VuePress 是基于 Vue 前端开发框架的静态站点生成工具。

Nunjucks 是 JavaScript 专用的功能丰富、强大的模板引擎。

Zepto.js 是一个轻量级、兼容 jQuery 的 JavaScript 工具库。

GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。

Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架

Resource7

Fastify，快速并且低开销的 web 框架，专为 Node.js 平台量身打造

Browsersync 浏览器同步测试工具，很容易与 Web 平台、构建工具和其他 Node.js 项目集成，替代了大量重复测试劳动。

Jest 是一个令人愉快的 JavaScript 测试框架，专注于简洁明快。

SemVer 全称为 Semantic Versioning(语义化版本表示)。

Chart.js 是为设计和开发人员准备的简单、灵活的 JavaScript 图表工具。

Moment.js 是一个 JavaScript 日期处理类库，用于解析、校验、操作以及显示日期。

Rome 是一个完整的 JavaScript 工具链。它囊括了编译器、语法检查器、格式化程序、打包工具、测试框架等等。

Gridsome 是一个免费、开源的 Vue.js 框架，用于构建网站和应用程序。

Resource8

Mirage 是一个 API 模拟库，它能帮助前端开发者模拟后端 API，从而能够构建和测试 JavaScript 应用程序，而不必依赖任何后端服务。

Jekyll 是一个静态站点生成工具。它将 Markdown （或者 Textile） 以及 Liquid 转化成一个完整的可发布的静态网站。

Sapper 是基于 Svelte 构建的、用于创建高性能 Web 应用开发框架。

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

Jquery API根据最新的 jQuery 1.11.x 和 2.1.x 版本翻译的 jQuery API 中文文档/手册。

Bundler 是 Ruby 世界中最好的 gem 管理工具。

Resource9

w3schools.com 是最受欢迎的前端技术教程网站。

ginx (engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。

Sphinx 是一个用于构建文档的工具，最初是为 Python 文档而开发的。

Tippy.js 是一个基于 Popper.js 构建的、高度可定制的工具提示（tooltip）和气泡弹框（popover）库。

Popper 作为工具提示（tooltip）和气泡弹框（popover）的定位引擎，不依赖 jQuery，并且体积仅有 3k。

Mocha 是一个功能丰富的 JavaScript 测试框架，运行在 Node.js 和浏览器中，让异步测试变得简单有趣。

"Rust 程序设计语言"是一本介绍 Rust 的书。Rust 程序设计语言能帮助你编写更快、更可靠的软件。

Blitz 是基于 Next.js 构建的 React 全栈开发框架。

Resource10

Simple Icons -- Icon汇。收集众多网站的 Logo，并提供高质量、不同尺寸的 png 格式图片。

Git简易指南 -- 帮助你开始使用 git 的简易指南。