ReactDesktop是基于FacebookReactJS的JavaScript库，为OSXEICapita和Widows10提供Web原生桌面体验，支持ode-webkit和Electro.js，但可以在任意JavaScript驱动的项目使用。
在线演示：https://gabrielbull.github.io/react-desktop/demo/
安装：
pm istall react-desktop --saveOSXElCapitaWidows10简单使用：
import React from 'react';import { Widow, TitleBar, PushButto, TextField, Toolbar, Box, SegmetedCotrol, IdetermiateCircularProgressIdicator, Form, Label} from 'react-desktop';class MyApp exteds React.Compoet { costructor() { super(); this.state = { selectedTab: 'logi' }; } reder() { retur ( <Widow> <TitleBar title="My App" cotrols oClosePress={() => { alert('close'); }} oResizePress={() => { alert('resize'); }} oMiimizePress={() => { alert('miimize'); }} > <Toolbar/> </TitleBar> <Box> <SegmetedCotrol> <SegmetedCotrol.Item title="Logi" selected={this.state.selectedTab === 'logi'} oPress={() => { this.setState({ selectedTab: 'logi' }) } } > <Form oSubmit={() => { alert('submit'); }}> <Label color="red">Error</Label> <Form.Row> <Label>Userame</Label> <TextField defaultValue="" placeholder="Userame"/> </Form.Row> <Form.Row> <PushButto oPress={() => { alert('cacel'); }}>Cacel</PushButto> <PushButto oPress="submit" color="blue">Submit</PushButto> <IdetermiateCircularProgressIdicator visible absolute/> </Form.Row> </Form> </SegmetedCotrol.Item> </SegmetedCotrol> </Box> </Widow> ); }}
评论