字节跳动热门的前端开源项目

 字节跳动开源官网

Arco Dsign

Arco Design 是一套设计系统,主要服务于字节跳动旗下中后台产品的体验设计和技术实现。它的目标在于帮助设计师与开发者解放双手、提升工作效率,并高质量地打造符合业务规范的中后台应用。它拥有系统的设计规范和资源,提供了覆盖 React、Vue、Mobile 的原子组件。目前,Arco Design 拥有 60 多个精心制作的组件,支持开箱即用。

图片

除了风格配置平台和物料平台的定制化工具外,Arco Design 还提供了包括图标平台、品牌库、Arco Pro 最佳实践的资源平台。

图片

Arco Design Pro

Arco Design Pro 是基于 Arco Design React 组件库的开箱即用的中后台前端解决方,它的特性如下:

  • TypeScript - 代码完全使用 TypeScript 书写

  • Arco Design - 由 ArcoDesign React 组件库强力驱动

  • Templates - 16+ 页面模版,覆盖表格、列表、表单、工作台、可视化等场景。

  • Themes - 基于「风格配置平台」丰富的主题市场,让你的项目千变万化。

  • Dark Theme - 一键丝滑切换暗黑风格

  • Mock - 内置 API 模拟方案

  • Flexible - 灵活的多架构方案,支持 next.js / vite / cra 等开发框架

  • I18n - 内置国际化多语言解决方案

  • Config - 灵活配置页面配色、布局等

图片

本质上,Arco Design Pro 是一套项目模版,市面上常见的中后台项目模版一般都有固定的选型和架构,这样用户如果想自己修改架构,成本会比较大。所以 Arco Pro v2 版本设计了一套多架构方案,能够在最大化的代码重用的基础上,输出多种架构的 pro 模版。

图片

Semi Design

Semi Design 是由抖音前端团队,MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代应用 UI 解决方案,从字节跳动各业务线的复杂场景提炼而来,支撑近千计平台产品,服务内外部 10 万+ 用户。

图片

Semi Design 采用了一套跨前端框架技术方案,F/A 分层设计,将每个组件的 JavaScript 拆分为两部分:Foundation 和 Adapter,这使得我们可以通过仅重新实现适配器来跨框架重用 Foundation 代码,例如 React、Vue、Angular、Svelte 或者 WebComponent,快速打造不同平台上的通用组件库。

图片

<