先附一个淘宝团队做过的,不过好长时间没更新了。http://taobaofed.org/blog/2016/03/11/react-web-intro/
注意:淘宝的需要降低node版本才可以使用,另外还需要单独npm install react@版本 和 npm install react-dom@版本
正文
https://github.com/necolas/react-native-web
演示
你可以在这里找到React Native for Web和这个入门的演示。
快速集成 React Native Web
到今天为止,React Native for Web,让我们称之为RN4Web,仍然是最近的,可以使用一些更多的文档,以及贡献。
这个框架是试图让任何人更容易启动,实验和发布RN4Web应用程序。
安装环境并下载框架
git clone https://github.com/grabcode/react-native-web-starter.git projectname
cd projectname
rm -rf .git
npm install
运行
npm run dev
然后就可以在 http://localhost:3000
下访问React Native Web程序了
可用组件:
ActivityIndicator
Button
Image
ListView
ProgressBar
ScrollView
Switch
Text
TextInput
TouchableHighlight (mirrors React Native)
TouchableOpacity (mirrors React Native)
TouchableWithoutFeedback
View
APIs:
Animated (mirrors React Native)
AppRegistry
AppState
AsyncStorage
Clipboard
Dimensions
I18nManager
NativeMethods
NetInfo
PanResponder (mirrors React Native)
PixelRatio
Platform
StyleSheet
Vibration
你也可以享受[React Storybook](https://github.com/kadirahq/react-storybook)运行npm run storybook
并打开http://localhost:9001
Build
TODO
工具
React Native在浏览器中运行Web,因此开箱即用完全开发工具支持。
在未来,RN4Web Starter可能会有一些风格,如Redux及其惊人的[工具套件](https://github.com/gaearon/redux-devtools)。
关于 React Native Web
[React Native for Web](https://github.com/necolas/react-native-web)诞生于React Native社区成员的辉煌思想。 有些人会说,它必须发生,许多原因乞求这样的项目开始。
React Native倾向于统一iOS和Android,很快通用Windows开发人员在一个横幅下,就是原生的Wardens。
那么,在GoT类比之后,React Native for Web是万维网,统一任何React开发者在一组通用的值。
网友评论