推荐 9 个样式化组件的 React UI 库-低调大师

1. Rebass

rebass 是一个“用样式系统构建的 React 原始 UI 组件”，在 github 上有接近 5k star。它的特点是轻量，设计精美，有 8 个可扩展、可复用的组件，这些组件还具备响应性和可定制性。

2. Zendesk 的 Garden React 组件

虽然这个库只有 350 个 star，但它提供了精心制作的组件，这些组件可以单独发布到 NPM，也可以轻松地作为 Bit 组件来使用和共享。有的组件可以用来响应一系列的用户输入设备，有的可以被调整来处理从右到左的布局，有些甚至包含动画效果。它提供了很多 Web HTML、CSS 和 JavaScript 小模块，可以放到任何基于 React 的应用中。

3. Atlaskit

Atlassian 的 React UI 组件库，遵循 Atlassian 的设计准则并使用样式组件。该库旨在为所有构建在 React 上的 Atlassian Cloud 产品实现 ADG3 设计。每个组件都是一个包。

4. Grommet V2

Grommet 库（被 Netflix，Uber 等使用）的 V2 版本用样式组件取代了 SASS。所以现在你不再需要特殊的配置或使用 SASS 来为你的组件设计样式，样式不再是全局的，并且不再在构建时进行主题化。他们官网还提供了许多示例，动手试试吧。

5. Smooth-UI

获得了 800 star 的 React UI 组件库，强调用户体验，包括样式的可扩展性。它还公开了一些开箱即用的类，所以我们不必学习新的 API 来扩展组件，还可以在调试组件时使用。

提供一个 smooth-ui codesandbox 示例。

6. Reactackle

Reactackle 是一个带有样式组件的 React UI 库，提供跨浏览器支持，有 200 个 star。该库支持基本设计方面的自定义，并提供开箱即用的主题。

7. Reakit

Reakit 可以让你用任何组件或容器来创建新的东西。所有组件就像 HTML 元素一样都遵循 WAI-ARIA 标准，且符合单元素模式。在 GitHub 上获得了 1k star。

尝试使用 codesandbox 的案例

8. React CSS loaders 和 Styled loaders

react-css-loaders 是纯 CSS React 加载组件的集合，它基于流行的 css-loaders 项目并使用样式组件构建。

Styled loaders 是一套基于 Preact 和 Styled Components 构建的加载器，基于流行的 spinkit 项目。

9. Styled icons

它提供了包含 Font Awesome、Feather、Material Design 和 Octicons 图标包的样式组件，且完全支持 TypeScript 类型和 tree-shaking / ES 模块。可以在 “styled-icons 网站”中查看这些 icon。

其他优秀项目

需要注意的是，这里面许多是不再维护的或还在研发中的项目。

微信关注我们

原文链接：https://my.oschina.net/jpushtech/blog/2872196

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

ES6 系列之 Babel 将 Generator 编译成了什么样子

前言本文就是简单介绍下 Generator 语法编译后的代码。 Generator function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending'; } 我们打印下执行的结果： var hw = helloWorldGenerator(); console.log(hw.next()); // {value: "hello", done: false} console.log(hw.next()); // {value: "world", done: false} console.log(hw.next()); // {value: "ending", done: true} console.log(hw.next()); // {value: undefined, done: true} Babel 具体的执行过程就不说了，我们直接在 Babel 官网的 Try it out 粘贴上述代码，然后查看代码被编译成了什么样子： /** * 我们就称呼这个版本为简单编译版...

2018-11-06

961

本文是基于Spring4.3.5.RELEASE的版本进行的分析和实践在Spring的web项目里面, 如果我们需要在类似 applicationContext.xml里面加上 <context:component-scan base-package="${component.scan.package}" /> 让base-package可配置, 那应该怎么做呢? 1. 加到Jvm的启动参数里面比如 -Dcomponent.scan.package=com.example.yours 这里面有两个不方便的地方: 1.多个属性的话, 一个个加启动参数不方便, 2.修改了属性的值,也需要一个个修改对应的启动参数 2. 加到ServletContext里面 import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.util.Map.Entry; import java.util.Properties; import javax.se...

2018-11-06

984

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。