推荐 11 个 React 开发需要的工具库和两个 Awesome 组件集合

程序员客栈 | 326 05-08 0 0
推荐一些好用的 React 工具库给大家,希望对大家有用。

1. React Material-UI:https://material-ui.com/

React Material-UI 是一套实现了 Google 的 Material Design 的 React 组件。它在 GitHub 上有 30k+ stars,大概是目前最受欢迎的 React 组件库了。它的 v1 版本快要推出了。



2. React-Bootstrap:https://github.com/react-bootstrap/react-bootstrap

React-Bootstrap 是一个具有 Twitter 的 Bootstrap 的观感的 React 组件库。它的极简风格在社区中有很高的热度,有超过 11k 的 stars。



3. React toolbox:http://react-toolbox.io/#/

React Toolbox 是一套实现了 Google Material Design 规范的 React 组件。它是基于如 CSS Modules(基于 SASS)、webpack 和 ES6 这样的最新提案构建的。它的网站提供了一个在线的组件 playground。



4. React Belle:https://github.com/nikgraf/belle

React Belle 是一套针对移动端和桌面端都有优化的 React 组件。它的样式可以高度定制,因此你可以配置所有组件通用的基础样式,也可以在每个组件中单独修改样式。这里也有一个 不错的例子。



5. React Grommet:https://v2.grommet.io/

React Grommet 提供了相当丰富的组件,这些组件按使用方式分类,所有的组件都是易用的、跨浏览器兼容的、支持主题定制的。



6. React Components by Khan Academy:http://khan.github.io/react-components/

Khan Academy 的 React 组件 是以有行内 CSS 和注释的组件库的形式发布的。单独的组件也可以通过向 Bit 添加这个库创建的 这个 Bit Scope 安装。



7. Material Components Web:https://material.io/develop/web/

Material Components Web 是由 Google 的一个核心团队的工程师和 UX 设计师开发的,它的组件支持可靠的开发工作流以构建美观且实用的 Web 项目。它取代了 react-mdl(现在已经废弃了),已经有接近 7k 的 stars 了。



8. Ant Design React:https://ant.design/docs/react/introduce

根据 Ant Design 的规范,React Ant Design 是一个包含了组件和 demo 的 React UI 库。它是用 TypeScript 写的,并有完整的类型定义,也提供了一个 npm + webpack + dva 的前端开发流程。



9. Semantic UI React:https://react.semantic-ui.com/

Semantic UI React 是 Semantic-UI-React 的官方整合库。它有大概 5k 的 stars,并被 Netflix 和 Amazon 所采用,提供了有趣而灵活的“武器库”。



10. Onsen UI:https://onsen.io/react/

Onsen UI React Components 可以与 Onsen UI 的 React bindings 一起使用,并提供了使用 React 和 Onsen UI 框架的混合开发移动应用。它有 81 个贡献者和超过 5.6k 的 stars,是个可以考虑的有意思的库。



11. React Virtualized:https://github.com/bvaughn/react-virtualized

React Virtualized 有大概 8k 的 stars,它提供了可以高效渲染长列表和扁平数据的 React 组件。



墙裂推荐两个 React 组件集合库:

  1. https://github.com/enaqx/awesome-react
  2. https://github.com/brillout/awesome-react-components

你可以很快地在上面两个集合库中找到你需要的 React 组件,然后你就可以使用 npm 或者 yarn 来安装它们,并在任意的项目中进行修改。

good-icon 0
回复数量: 0
    暂无评论~~
    Ctrl+Enter