React DesktopReact UI 桌面组件
React Desktop 是基于 Facebook ReactJS 的 JavaScript 库,为 OS X EI Capitan 和 Windows 10 提供 Web 原生桌面体验,支持 node-webkit 和 Electron.js,但可以在任意 JavaScript 驱动的项目使用。
在线演示:http://gabrielbull.github.io/react-desktop/demo/
安装:
npm install react-desktop --save
OS X El Capitan
Windows 10
简单使用:
import React from 'react'; import { Window, TitleBar, PushButton, TextField, Toolbar, Box, SegmentedControl, IndeterminateCircularProgressIndicator, Form, Label } from 'react-desktop'; class MyApp extends React.Component { constructor() { super(); this.state = { selectedTab: 'login' }; } render() { return ( <Window> <TitleBar title="My App" controls onClosePress={() => { alert('close'); }} onResizePress={() => { alert('resize'); }} onMinimizePress={() => { alert('minimize'); }} > <Toolbar/> </TitleBar> <Box> <SegmentedControl> <SegmentedControl.Item title="Login" selected={this.state.selectedTab === 'login'} onPress={() => { this.setState({ selectedTab: 'login' }) } } > <Form onSubmit={() => { alert('submit'); }}> <Label color="red">Error</Label> <Form.Row> <Label>Username</Label> <TextField defaultValue="" placeholder="Username"/> </Form.Row> <Form.Row> <PushButton onPress={() => { alert('cancel'); }}>Cancel</PushButton> <PushButton onPress="submit" color="blue">Submit</PushButton> <IndeterminateCircularProgressIndicator visible absolute/> </Form.Row> </Form> </SegmentedControl.Item> </SegmentedControl> </Box> </Window> ); } }
评论
KUI for React基于 React 的 UI 组件库
KUIforReact是一个前端UI组件库,基于React,追求完美和性能高效,欢迎使用。安装使用npm方式安装npm install react-kui 使用 import React from '
KUI for React基于 React 的 UI 组件库
0
KUI for React基于 React 的 UI 组件库
KUI for React 是一个前端 UI 组件库,基于 React,追求完美和性能高效,欢迎使用
KUI for React基于 React 的 UI 组件库
0
uiw-react基于 React 的 UI 组件库
高品质的UI工具包,React 16+的组件库。安装npm install uiw --save使用
uiw-react基于 React 的 UI 组件库
0
RSUITE基于 React 的 UI 组件库
ReactSuite是一套React组件库,为后台产品而生。同时也是一个具有贴心设计以及对开发者友好的UI框架。UIDesignReactSuite设计原型与规范, 点击查看。支持的平台浏览器Reac
RSUITE基于 React 的 UI 组件库
0
uiw-react基于 React 的 UI 组件库
高品质的UI工具包,React16+的组件库。安装npm install uiw --save使用import React from 'react';import ReactDOM from 'rea
uiw-react基于 React 的 UI 组件库
0
Reactive SearchElasticearch 的 React 和 React Native UI 组件库
Reactive Search,使用 Elasticearch 构建数据驱动应用程序的 React、
Reactive SearchElasticearch 的 React 和 React Native UI 组件库
0