前端趋势榜:上周最热门的 10 大前端开源项目 - 210327

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