今天给大家推荐一款超不错的React.js桌面端UI组件库Shineout

shineout 基于react.js构建的轻量级UI组件库。包含表单元素、数据表、通知提示、布局选项、导航等多种组件。

特点

  • 精巧且友好的 API
  • 开箱即用的高性能 React UI组件
  • 接口永远向下兼容
  • 灵活的主题配置

安装

$ npm i shineout -S

shineout支持CDN引入使用。

link rel="stylesheet" href="https://unpkg.com/shineout/dist/theme.default.css" />

使用组件

import React, { Component } from 'react';import { Button, Checkbox } from 'shineout';import 'shineout/dist/theme.default.css';class App extends Component {  render() {    return (      
成功按钮 checked

) }}export default App;

非常好的一款开源React UI库,提供了非常丰富的组件,需要的不要错过。

最后附上项目文档及地址链接。

# 文档地址https://shine.wiki/1.6.x/cn/# 仓库地址https://github.com/sheinsight/shineout

ok,今天就分享到这里。如果大家有其它优秀的React组件库,欢迎交流分享哈!

组件cdn引入_高性能 React UI组件库SHINEOUT相关推荐

  1. 厉害的组件_企业级React UI组件库——React Suite

    介绍 React Suite是一套转为后端打造的企业级UI组件库,它由 HYPERS 前端团队与 UX 团队共同打造,在经历了几次大版本更新后,积累了大量的通用组件和功能,而且支持 Typescrip ...

  2. element ui input视图没刷新_聊聊前端 UI 组件:组件体系

    本文是文章系列「聊聊前端 UI 组件」的第三篇. 在本系列的上篇文章<聊聊前端 UI 组件:组件特征>中,通过从关注点分离的角度进行前端 UI 组件的构成分析,并以较为抽象的视角对 UI ...

  3. antd table设置表格一个单元格的字体颜色_alireacttable:高性能 React 表格组件

    点击上方蓝字关注我们 简介 在前端开发中,表格一直都是最复杂的组件之一.表格不仅要支持丰富的操作(排序.过滤.搜索.分页.自定义列等),还要有非常好的性能以展示大量数据.很多组件库(例如 fusion ...

  4. 【独立篇】React UI组件库

    文章目录 1.React UI组件库 1.1.material-ui(国外) 1.2.ant-design(国内蚂蚁金服-antd) 2.AntD的简单使用 2.1.CODE 2.2.Result 1 ...

  5. 最佳 React UI 组件库,前端开发必备!

    上次推荐了12个 Vue UI组件库,今天来推荐几个 GitHub 上流行的 React UI 库! 1. Ant Design GitHub 上超过 269 k 个项目使用了 Ant Design ...

  6. React UI 组件库 Chakra UI - 05 案例实践

    案例实践 使用 create-react-app 新建项目. 表单 使用 Chakra UI 实现下图的表单: 构建注册表单 react-icons 是一个 React 流行图标库. // compo ...

  7. onclick=两个函数_[译]React函数组件和类组件的差异

    [译]React函数组件和类组件的差异 原文: https://overreacted.io/how-are-function-components-different-from-classes/ 在 ...

  8. react 组件怎么公用_用 react 做一个跟随组件的 tooltip

    定位的难题 你可能听说国很多关于定位型组件种类.名词:popup, tooltip, popover, overlay...(后面将统称为 overlay).这些都是定位型组件,当你需要触发显示它们的 ...

  9. React UI 组件库

    上篇文章中写了流行的前端UI几大框架,发现大部分评价都是Vue的UI组件库,从评论中得知漏掉了很多,也有人问React ui,自己就搜索总结下适应于ReactJS的UI组件库. 一.Material- ...

最新文章

  1. 学籍管理系统 c语言流程图,程序设计基础 ——C语言第10章 综合应用案例——学生学籍管理系统...
  2. 首个最全的MongoDB 3.6 全览
  3. 现状,疑问,思考,探索,选择
  4. 27.Silverlight二维旋转+平面渐变+动画,模拟雷达扫描图之基本框架
  5. 最全Windows下搭建go语言开发环境以及开发IDE
  6. OpenJDK install
  7. 车提示检测轮胎气压_无钥匙启动的车启动后,车主带着钥匙离开车,能不能把车开走?...
  8. java删除指定的文件夹_java脚本删除指定目录下的所有指定名称的文件夹
  9. spark需要maven管理吗_使用Eclipse编写Spark应用程序(Scala+Maven)
  10. excel计算机财务管理最佳现金余额,计算机财务管理excel选择题
  11. 一文带你详尽剖析Miracast投屏开发和调试
  12. 【复习】软考中级_软件设计师(2021)__上午
  13. 操作系统4.1.4 文件的物理结构(文件分配方式)
  14. linux卸载小企鹅输入法,Linux(FC)小企鹅输入法的安装
  15. 开发一款游戏引擎所需要的知识与技术
  16. 上传并下载excel表格
  17. python写后端提供api_python写后端api
  18. P2357 守墓人(树状数组/线段树)
  19. (已更新)柒微自动发卡系统源码
  20. 政策变局催生进口车商三大变化

热门文章

  1. Linux的哲学思想
  2. 第一讲 linux简介
  3. 报告:2015年数据中心SDN市场将增长70%
  4. SQL SERVER 2012 第五章 创建和修改数据表 の CREATE语句
  5. pidgin-lwqq
  6. Python+Django数据库配置及使用——执行原始SQL并返回模型实例
  7. Meteor资源国外优秀web APP 收藏
  8. Circular microphone array 1
  9. linux如何运行java程序,Linux环境下运行简单java程序
  10. 如何处理计算机显示器故障,显示器突然黑屏怎么办?教你这样操作,轻松解决黑屏问题!...