前端趋势榜：上周最热门的 10 大前端项目

大家好，我是你们的猫哥，那个不喜欢吃鱼、又不喜欢喵的超级猫 ~

关于猫哥，大家可以看看我的年终总结前端工程师的 2020 年终总结 - 乾坤未定，你我皆黑马。

猫哥从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。

相信很多人都没有逛 GitHub 的习惯，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。

从 2018 年开始，我就养成了每天逛 GitHub 的习惯，一般在早上上班前或者中午午休的时候都会逛一下。

看看每天都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，值得我去学习的。

GitHub 上面有个 Trending 榜 (趋势榜)，在 Trending 页面，你可以看到最近一些热门的开源项目或者开发者，这个页面可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。

所以猫哥会在每周的周一给大家推荐一篇上周的 前端趋势榜的 10 大项目，方便大家知道每周都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，以免错过了好的开源项目。

平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

1. Vite

+85 Star / day

Vite，一个基于浏览器原生 ES imports 的开发服务器。

利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。

同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打。

虽然现在还比较粗糙，但这个方向我觉得是有潜力的，做得好可以彻底解决改一行代码等半天热更新的问题。

Vite 具有以下特点：

快速的冷启动
即时热模块更新（HMR，Hot Module Replacement）
真正按需编译

https://github.com/vitejs/vite

2. React

+75 Star / day

一个声明性，高效且灵活的 JavaScript 库，用于构建用户界面。

声明式

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。

以声明式编写 UI，可以让你的代码更加可靠，且方便调试。

组件化

创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。

组件逻辑使用 JavaScript 编写而非模板，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。

一次学习，随处编写

无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。

React 还可以使用 Node 进行服务器渲染，或使用 React Native 开发原生移动应用。

https://github.com/facebook/react

React 相关的项目可以看: 一个 React 技术揭秘的项目，自顶向下的 React 源码分析。

3. javascript-algorithms

+66 Star / day

该仓库包含了多种基于 JavaScript 的算法与数据结构。

每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。

数据结构包含了链表、双向链表、队列、栈、哈希表(散列)、堆、优先队列、字典树、树、优先队列、二叉查找树、AVL 树、红黑树、线段树、树状数组、图、并查集、布隆过滤器

这项目还出了对应的教学视频，总共 81 个视频讲解，每个视频大概 5 - 10分钟左右，还能学习英语哦 ????

youtube 的教学视频：https://www.youtube.com/playlist?list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8

猫哥之前学习算法的时候，也在这个项目中收益良多呢！

而且这个项目还一直有维护和更新内容哦！真的非常不错的一个项目！

https://github.com/trekhleb/javascript-algorithms

更多算法相关的项目推荐可以看看这篇文章：7 个 GitHub 上超火的前端学习的数据结构与算法项目

4. Awesome

+63 Star / day

Awesome列出了各种有趣的话题。

平台类、编程语言、前端开发、后端开发、计算机科学、大数据、理论、图书、编者、赌博、开发环境、娱乐、资料库、媒体、学、安全、内容管理系统、硬件、商业、工作、联网、分散系统、高等教育、大事记、测验、各种各样的。

https://github.com/sindresorhus/awesome

5. material-ui

+61 Star / day

快速构建漂亮的 React 应用程序。

Material-UI 是一个简单且可自定义的组件库，用于构建更快，更美观，更易于访问的 React 应用程序。遵循您自己的设计系统，或从材料设计开始。

https://github.com/mui-org/material-ui

6. Cypress

+53 Star / day

Cypress 是为现代网络而构建的下一代前端测试工具，用于解决开发者和 QA 工程师在测试现代应用程序时面临的关键难题。

Cypress 简化了设置测试、编写测试、运行测试和调试测试，支持端到端测试、集成测试和单元测试，支持测试在浏览器中运行的任意内容。支持 Mac OS、Linux 和 Windows 平台。

https://github.com/cypress-io/cypress

7. ccxt

+52 Star / day

CCXT(CryptoCurrency eXchange)交易库，一个 JavaScript/Python/PHP 加密货币交易库，支持超过 100 种山寨币与比特币交易所。

用于加密货币交易和电子商务的 JavaScript/Python/PHP 库，支持许多比特币/以太网/山寨币交易所和商家 API。

CCXT 库用于连接和交易全球的加密货币/山寨币交易所和支付处理服务。它可以快速访问市场数据，用于存储，分析，可视化，指标开发，算法交易，策略回溯测试，机器人编程，网上商店集成和相关软件工程。

它旨在供编码人员，开发人员，技术熟练的交易员，数据科学家和金融分析师用于构建交易算法。

当前功能列表：

支持许多交易市场，甚至即将推出的
为所有交易提供完整的公共和私人 API
所有货币，山寨币和标记，价格，订单，交易，代码等...
提供用于交叉交换或跨货币分析和套利的可选标准化数据
开箱即用的统一的一体化 API，非常易于集成
适用于 Node7.6+，Python2和3，PHP5.4+，Web 浏览器

https://github.com/ccxt/ccxt

8. vscode

+48 Star / day

Visual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台编辑器。

也是当今天前端最流行的编辑器！

https://github.com/microsoft/vscode

9. tinacms

+48 Star / day

Tina 是一个开源编辑器，可帮助将可视化编辑构建到 React 网站中。

Tina 使开发人员能够在不牺牲代码质量的情况下为其团队提供上下文和直观的编辑体验。

https://github.com/tinacms/tinacms

10. tailwindcss

+45 Star / day

一个实用程序优先的 CSS 框架，用于快速构建自定义用户界面。

无需离开您的 HTML，即可快速建立现代网站。

Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。

https://github.com/tailwindlabs/tailwindcss

最后

初级前端与高级前端之间，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。

如果有一个地方能又快又好的获得这些优质的前端信息，那么将会大大缩短从初级到高级的时间。

基于这个初衷，于是就诞生了 前端GitHub，能帮助前端开发人员节省时间的公众号！

前端GitHub 专注于挖掘 GitHub 上优秀的前端开源项目，并以专题的形式推荐，每专题大概 10 个好项目，每周会有一到三篇精华文章推送。

不知不觉，原创文章已经写到第 34 期了呢，几乎每一篇都是猫哥精心挑选的优质开源项目，推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。

原创不易，一篇优质的文章都是要肝几个晚上才能肝出来的，花费很多时间、精力去筛选和写推荐理由，大佬们看完文章后顺手点个赞或者转发吧，就当给猫哥一点鼓励吧。

往期精文请看下方宝藏仓库，请慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

微信搜 “前端GitHub”，回复 “电子书” 即可以获得上面 160 本前端精华书籍哦，猫哥 WX：CB834301747 。

往期精文

猛增 110K Star！年增长数最多的 10 大顶级前端学习资源项目！
推荐 7 个 Vue2、Vue3 源码解密分析的开源项目
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
程序员必备的 10 大 GitHub 仓库，前端占了 7 个！

原创不易，给点鼓励吧