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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容