問題タブ [react-native-web]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - 同じコード ベースからモバイル アプリと Web アプリを構築することは可能ですか?
モバイル (ios/android) と Web アプリケーションに単一のコード ベースを使用することは可能ですか? 反応ネイティブまたは角度/ネイティブスクリプトの使用を考えています。これを試みた場合、これを行う前に心に留めておくべきことは何ですか。また、SEOに特有のものはありますか？
最も重要なことは、これを既に行っている合理的な複雑さを持つ実世界のアプリはありますか?
react-native - react-native-web を使用した create-react-app でのサードパーティへの対応
モバイル (react-native) と Web (create-react-app) の両方で同じ React コンポーネントを使用しようとしています。
react-native-web (以下の構成)のおかげで、これまでのところかなりうまく機能しています。
ただし、react-native プロジェクトで広く使用されている react -native-vector-iconsは、 react-native-web でコンパイルされません。これは、ベクター アイコンを持つコンポーネントを使用するコンポーネントには、特定の Web バージョンも必要であることを意味します。コンポーネントの Web 固有のバージョンを使用すると、メンテナンスに影響します。
create-react-app 構成をイジェクトせずに、Webの react-native-vector-iconsなどのサードパーティに対処する既知の方法はありますか?
これまでに考えたこと: 現在、次の 2 つのアイデアを検討しています。
環境ベースのインポート:
この種の動的インポートが可能かどうかはわかりません
node_modules /react-scriptsに挿入されるWebpack 構成。エレガントではありませんが、とにかく私たちが持っているガルプウォッチを使用すると、構成が常にそこにあることを確認できます.
どんなアイデアや考えでも大歓迎です。
構成: すべての React コンポーネントを保持する新しいプライベート NPM パッケージを作成しました。パッケージをモバイル プロジェクトと Web プロジェクトの両方にコピーするgulp watchを使用することで、開発中に常にnpm を発行して糸を引くという問題を解決します (Webstorm の唯一の欠点索引付けプロセス)。