React Native集成到Web端

先附一个淘宝团队做过的，不过好长时间没更新了。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 for Web Starter

快速集成 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开发者在一组通用的值。