Grommet(专为ReactJS设计的设计系统)

本文概述

  • 什么是Grommet?
  • 为什么选择索环?
  • Grommet组件
  • Grommet NEXT
  • 为项目做贡献
随着React(用于构建用户界面的模块化, 声明性, 高效且灵活的JavaScript库)的引入, 许多库也为用户界面提供了组件, 例如Material UI等。今天, 我们想向你介绍Grommet, 很棒的UI框架, 不仅专注于用户体验, 而且还具有开发者体验Grommet。
什么是Grommet? 【Grommet(专为ReactJS设计的设计系统)】Grommet 2.0的主要目标是改善开发人员体验(DX)。 Grommet自2016年10月以来一直存在, 并获得了很多良好的反馈。 Grommet的设计可通过烘烤所需的东西来使你的设计和开发过程更加敏捷和轻松。 Grommet旨在促进设计人员与开发人员之间的积极沟通, 以期创造更好的用户体验。各种各样的公司都使用Grommet, 所以不要忘了抢劫。
为什么选择索环? 如上所述, Grommet是可重用的UI组件库。因为使用简单的HTML模板或模型MVC来管理这些组件很复杂, 所以组成元素的粒度不足以表示小的可重用元素。 Grommet的创建是为了将设计和开发人员的工作流程整合到一个无缝的体验中。因此, 每个人(熟悉Components的人)都可以轻松了解Grommet的入门知识。
Grommet组件 Grommet可以说是每个UI框架, 它提供了许多可以通过Grommet轻松嵌入到你的应用程序中的组件。按钮, 版式, UI元素, 布局结构, 可视化图表, 图标, 图表, 媒体控制器等:
Grommet(专为ReactJS设计的设计系统)

文章图片
它们可以轻松导入并在代码中用作简单的React组件。
Grommet NEXT Grommet的较新版本(即NEXT)是Grommet的新版本, 它是根据社区反馈和使用Grommet开发应用程序的经验开发的。 Grommet难以完成某些工作, 例如必须进行特殊配置以包含某种样式, 某些组件中的抽象过多或缺乏摇摇欲坠的支持。计划将这些问题固定在Grommet NEXT上, 因此你可以跟踪添加了什么和缺少了什么的进度。如果需要, 你可以立即使用Grommet NEXT, 但是组件集有限, 我们仍在测试中。要使用它, 请将你的package.json更改为指向NEXT稳定分支:
{ "grommet": "https://github.com/grommet/grommet/tarball/NEXT-stable", }

为项目做贡献 Grommet是一个完全开源的项目, 目前托管在GitHub上, 因此欢迎请求请求和问题报告。

    推荐阅读