字节前端终于开源！吹爆！
Semi Design 发布，前端同学的福音
大家好，我是鱼皮。
最近，字节跳动的抖音前端技术团队开源了一款企业级应用设计系统 Semi Design 。这也是他们团队在 GitHub 上首次公开的项目，短短几天，就收获了 3.6 k 个 star。
老实说，看到这个开源项目的那一刻，我真的非常激动！因为我从第一次了解到字节跳动开始，就非常喜欢他家的设计风格，既简约又有现代感。
这次他们开源的 Semi Design，不仅是一套精美的设计系统，还是一套开箱即用的 React 组件库，对于我这种喜欢用 React 来写前端的开发者，真的是福音了。
下面我带大家来看一下，这个 Semi Design 到底香不香！
体验
打开 Semi Design 的官方文档，可以看到官方对 Semi Design 的介绍：
Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，从字节跳动各业务线的复杂场景提炼而来，支撑近千计平台产品，服务内外部 10 万+ 用户。
他有以下几大特点：
遵循简洁轻量、现代化的设计风格，开放自定义，让设计 “活” 起来
提供主题编辑器和主题商店，可以轻松切换视觉风格
主题商店
完备的国际化，默认支持十几种语言
采用跨前端框架技术方案实现、F/A 分层设计，通过重构，可以快速支持除 React 外的通用组件库，比如 Vue、Svelte 等：
F/A架构
当然，光有这些并不能让我眼前一亮。毕竟现在前端的组件库实在太多了，像 “国际化” 这种很多组件库都具备的东西已经像是不成文的标准，不再是 “你有它让人很新鲜”，而是 “你没有它反而让人觉得垃圾” 。
然后打开 Semi Design 的组件文档，可以看到页面比较精简、组件也很丰富。但是左侧组件菜单的小图标给我一种不太舒服的感觉，好像色彩太过丰富了一些。
此外，整个文档给我的感觉也是似曾相识，好像和蚂蚁的 React 组件库 Ant Design 神似。
然而，点击查看一个组件后，我发现了一些小惊喜。
首先是每个组件上方都多了一个 版本对比 的按钮：
有了这个东西，我们可以快速了解每个组件随版本的更新和变化，从而减少一些版本不一致导致的 Bug。
还有就是提供了 代码实时编辑 的能力，我们想要使用哪个组件，都可以直接实时修改代码并查看效果。可以等调试出自己想要的界面时，再把代码复制到自己的项目中，从而大大提高开发效率。
此外呢，Semi Design 还计划上线物料市场，可以理解为一个组件社区。之后会提供更多开箱即用的组件，帮助大家更快地开发出精美的前端界面。
总之，整体来说，我还是很看好 Semi Design 的。
杂谈
虽然网上都在说 Semi Design 是抄袭了 Ant Design，但也许这不是什么坏事。
首先，蚂蚁的 Ant Design 本身就已经开源了，开源的理念之一就是希望让大家更好的参与项目的建设、共同促进技术的发展。蚂蚁团队为国内的前端生态做出了不可磨灭的贡献，也有很多成熟的、值得学习的理念和技术，其他组件库去借鉴和学习他们，自然也是对他们的肯定。
当然，我本身很讨厌抄袭，但借鉴和抄袭是两码事。
换个思路想想，假设 Ant Design 做的并不好，字节抖音那么大的团队，难道还会去借鉴他们么？难道他们团队没有实力去做一个又新又好的么？
而且，仔细看 Semi Design 就会发现，他的语法风格和属性名称和 Ant Design 的也很类似。你当然可以说他是抄袭，但仔细想想，对于用户来说，使用不同的组件库时不需要去区分语法，可以保持之前的使用习惯，难道不是一件天大的好事么？
比如很多编程语言的取子字符串函数名都是 substring，已经成为了一种不成文的标准。
当我们做一个新产品、造个新轮子时，能让用户自然平滑地迁移和切换，是一种很机智的策略。
再说了，字节开源了 Semi Design，不仅对我们开发者来说是多了一套选择，而且还变向地给 Ant Design 施加了压力，也许能促进他们更好地进步和完善呢？
当然，以上只代表我个人看法~ 无论如何，希望前端组件库能发展的更好，造福更多的开发者。
以上就是本期分享，我是鱼皮，最后求个 点赞 + 在看 ，这将是我持续创作的最大动力，谢谢
字节前端终于开源！吹爆！相关推荐
- 来自本科生的暴击！进腾讯字节的大牛开源LeetCode刷题经验！
点击上方"Github中文社区",关注 看遍Github好玩的项目 作者:huber 转载自:量子位 今天,你刷LeetCode了吗? 最近,GitHub上这样一套LeetCode ...
- 字节跳动终于宣布取消大小周，字节员工却一片哀嚎！
另一只靴子终于落下来了! 继内部调研.宣布1/3员工不支持取消大小周.被快手抢先一步狠狠打脸之后,万众瞩目的字节跳动终于磨磨唧唧地宣布将于8月1日起取消大小周.8月开始有需求的团队和个人,可以通过系统 ...
- Oracle 要慌了！华为终于开源了自家的 Huawei JDK——毕昇 JDK！
点击上方 好好学java ,选择 星标 公众号 重磅资讯.干货,第一时间送达 今日推荐:硬刚一周,3W字总结,一年的经验告诉你如何准备校招! 个人原创100W+访问量博客:点击前往,查看更多 没错,自 ...
- 6轮字节前端校招面试经验分享
大家好,我是若川.最近金三银四,今天分享一篇字节前端校招面试经验的轻松好文,相信看完会有所收获.也欢迎点击下方卡片关注或者星标我的公众号若川视野 因为我错过了2020年的秋招(ps: 那时候连数据结构 ...
- 一个正经的前端学习 开源 仓库（阶段十三）
低调务实优秀中国好青年 (简介) && 附加答案 github.com/webVueBlog/- 一个 ☝️ 正经的前端学习 开源 仓库,启发来自 淘宝大佬 @冴羽 ,初心做一个真正能 ...
- 一个正经的前端学习 开源 仓库（阶段十四）
低调务实优秀中国好青年 (简介) && 附加答案 github.com/webVueBlog/- 一个 ☝️ 正经的前端学习 开源 仓库,启发来自 淘宝大佬 @冴羽 ,初心做一个真正能 ...
- 一个正经的前端学习 开源 仓库（阶段十五）
低调务实优秀中国好青年 (简介) && 附加答案 github.com/webVueBlog/- 一个 ☝️ 正经的前端学习 开源 仓库,启发来自 淘宝大佬 @冴羽 ,初心做一个真正能 ...
- 一个正经的前端学习 开源 仓库（阶段十六）
低调务实优秀中国好青年 (简介) && 附加答案 中文 | English github.com/webVueBlog/- https://github.com/webVueBlog/ ...
- 一个正经的前端学习 开源 仓库（阶段十七-440）
低调务实优秀中国好青年 (简介) && 附加答案 中文 | English github.com/webVueBlog/- 一个 ☝️ 正经的前端学习 开源 仓库,启发来自 淘宝大佬 ...
最新文章
- Object C语法学习
- insert into 多条数据_最全总结 | 聊聊 Python 数据处理全家桶（Sqlite篇）
- java搜索文件_Java如何在目录中搜索文件？
- java统计空间占用_JVM —— Java 对象占用空间大小计算
- vim配置c语言开发环境变量,gcc配置和vim编程
- js实现表格的行删除和增加_vue小demo之实现表格的增加和删除
- 吴恩达深度学习——深度学习概论
- 201671010129 2016—2017—2 《Java程序设计》Java总结
- java 表头固定_固定表头在快逸报表中的设定
- 人工智能时代已经到来，政务工业商业等各领域都将是刚需
- HARK学习（七）--ConstantLocalization
- provide 与 inject 的使用
- css3 transition属性实现三角形
- python学习入门（一）
- datastage（IBM InfoSphere Information Server ）日志的获取和分析
- 起源于 Kettle 的新一代数据集成平台 Apache Hop 成为 Apache 顶级项目
- 分享一个文件监听器类:FileMonitor
- C语言 读入中文文本文件txt乱码问题-应该设置为ANSI编码
- pc单机版雷电修改器源码
- Kaggle泰坦尼克号之灾