React NativeアプリをReact Native for Web化する方法について解説
【ReactNative入門 】Macで開発環境を作って始める react-native-web関連パッケージを追加 続いて、react-native-webとwebpack等のパッケージを追加しましょう。 $ yarn add react-native-web // npmの方 $ npm install react-native-web $ yarn add -D babel-plugin-react-native-web webpack webpack-cli webpack-dev-server html-webpack-plugin react-dom babel-loader url-loader @svgr/webpack // npmの方 $ npm install --save-dev babel-plugin-react-native-web webpack webpa
React Native for WebとExpoを組み合わせてピコピコさせてみたよ - Qiita
なかざんです。ウォーターセルという新潟の会社でアグリノートという農業向けアプリを作っています。 業務で使う構成のPoCとして、Webとモバイルネイティブの両方で動く、React Nativeのサンプルプロジェクトを作ってみたので、そこで得られた知見をご紹介します。 つくったもの 私たちが愛してやまないJetBrains製IDEのアイコンとボタンを並べて、ボタンを押すと製品ページに行けるアプリです。押したときにはピコッと鳴ります。 ソースコードはこちら。 https://github.com/Nkzn/react-native-multi-target-sample ネイティブ版はこんな感じです。 Webアプリ版はこんな感じ。 見てもらったほうが早い 今回は実物を触ってもらいやすい環境が作れたので、実際に触ってみたほうが雰囲気がつかみやすいと思います。 ネイティブ版 ネイティブ版はExpoで
React Native for WebでHello world - Qiita
React Native for Web（npmパッケージ名はreact-native-web）というライブラリを紹介します。 概要 もともとWebの世界（ブラウザで表示するフロントエンドの世界）で生まれたReactを、モバイルのネイティブアプリの世界に広げたものがReact Nativeですが、それを更に発展させて、React Nativeで書いたReactコンポーネントをWebでも動かせるようにするものがReact Native for Webです。一周回ってWebに先祖返りといった感じです。 ネイティブアプリとWebとでReactコンポーネントを共通化できることが一番の利点です。 その需要が今はニッチなのか、ちょっとマイナーなライブラリですが、何気にGitHubにはスターが8000以上ついてます。 有名どころでは Twitter LiteがReact Native for Web（以
react-native-web を試す - Qiita
import { AppRegistry } from 'react-native'; import App from './App'; AppRegistry.registerComponent('App', () => App); AppRegistry.runApplication('App', { rootTag: document.getElementById('root') }); import React, { Component } from 'react'; import logo from './logo.svg'; import { Image, StyleSheet, Text, View } from 'react-native'; const Link = (props) => <Text {...props} accessibilityRole="link"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
