今日から毎日ReactNativeを学ぶことにした(16日目)

エンジニア採用で複数名が here we go! 
嬉しい。

前回

本日

Async routes

非同期でレンダリングできる仕組みっぽい。

Async routes is an experimental feature.

なのでまだ動作安定しないのかな?ReactのSuspenseタグを利用して実現してるようなのでこちらのドキュメントを参考にすればイメージが掴めそう。また、ネイティブだと無効になるのでweb限定の機能と理解しておいた方が良さそう

// app.json

{
  "expo": {
    "plugins": [
      [
        "expo-router",
        {
          "origin": "https://acme.com",
          "asyncRoutes": {
            "web": true,
            "default": "development"
          }
        }
      ]
    ]
  }
}

実装方法はapp.jsonにasyncRoutes設定を追加する。

npx expo start --clear

キャッシュをクリアして起動。シンプルなコードだとそこまで違いが分からない…
APIの取得などある機能があれば違いがわかりそうなので、そういった実装の時に再度確認したい

本日のまとめ

簡易的なコードだと挙動の差分はわかりづらかった。ネイティブなどまだサポートしていない実験的な機能なようなので、そちらのサポート状況を見て改めて挙動を確認したい。

この記事が気に入ったらサポートをしてみませんか?