简介

React Desktop 一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库。React-Desktop是跨平台桌面应用程序的 UI 组件，可以在上面找到 Mac OS 和 Windows 10 的均可用 UI 组件。创建此组件库是为了将本机桌面体验带入Web。它非常适用于node-webkit或Electron.js等工具！GitHub star 8K+, 最新版本0.3.9，MIT协议。

mac os 组件风格示例截图如下：

window 10 组件风格示例截图如下：

文档截图如下：

快速上手

安装

npm install react-desktop --save

mac os 代码示例：

import React, { Component } from 'react';
import { Button } from 'react-desktop/macOs';
export default class extends Component {
 render() {
 return (
 <Button color="blue" onClick={() => console.log('Clicked!')}>
 Press me!
 </Button>
 );
 }
}

window 10 代码示例：

import React, { Component } from 'react';
import { Button } from 'react-desktop/windows';
export default class extends Component {
 static defaultProps = {
 color: '#cc7f29'
 };
 render() {
 return (
 <Button push color={this.props.color} onClick={() => console.log('Clicked!')}>
 Press me!
 </Button>
 );
 }
}

PS

React Desktop mac os 版本的组件有19个：

Box，Button，Checkbox，Dialog，Label，Link，List View，Pin，Progress Circle，Radio，Search Field，Segmented Control，Text，Text Input，Title Bar，Toolbar，Toolbar Nav，View，Window

window 10 组件有 12个:

Button,Checkbox,Label,Master/Details View,Nav Pane,Progress Circle,Radio,Text,Text Input,Title Bar,View,Window

无论mac os还是window 10 组件文档都比较详细，有属性介绍和示例效果及时展示效果图，是不错的一个桌面风格的ReactUI组件库，值得关注。