美文网首页
React Native集成到Web端

React Native集成到Web端

作者: 亦晴工作室 | 来源:发表于2017-08-02 14:42 被阅读1033次

    先附一个淘宝团队做过的,不过好长时间没更新了。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 StarterReact 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开发者在一组通用的值。

    相关文章

      网友评论

          本文标题:React Native集成到Web端

          本文链接:https://www.haomeiwen.com/subject/ajaelxtx.html