Zenn
㊙️

ReactNative + ReactNativeWeb + Recoil Tips

2024/09/25に公開
React Native
Recoil
React Native Web
tech
react-native
react-native-web
recoil

でweb/iOS/Android向けツール系アプリ作成中。作業中に調べてどうにか対応したことを残していきます。

react-native-webで使えていたrecoil-persistがiOS（多分Androidも）だと使えない

  • recoil-persistでのストア永続化はiOS環境だとLocalStorageがないと怒られて使用できませんでした。recoil-persistを削除し、AsyncStorageを使った実装に切り替えるとweb/iOS/Android共通でrecoilのストア内容を永続化できそうでした（Android未確認、iOS/webでは動作確認）
  • 実装の参考URL
  • 上記対応後に画面に何も表示されず、コンソールにCan't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead.が表示されている場合は<RecoilRoot>直下に<Suspense>`があるか確認

全環境対応の伸縮するテキスト入力を作りたい

準備中

ReactNativeで作ったiOSアプリのAppStore公開に必要なこと

準備中

react-native-webで形にしたアプリをiOS/Android環境で動かすために必要だったこと

準備中

Discussion