Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Navigationを使って React Native WebでSPAを試してみた...

React Navigationを使って React Native WebでSPAを試してみた ~ React Native Meetup 2020/5/29 ~

React Native Meetup #10での登壇資料です。

【目次】
- 自己紹介と最近作っているもの
- 画面遷移ライブラリなに使ってますか?
- React Navigationのアップデート内容と使い方
- ルーティングの指定方法
- Deeplinkとの併用
- Linkコンポーネントの登場
- その他のアップデート

tatsuaki watanabe

May 29, 2020
Tweet

More Decks by tatsuaki watanabe

Other Decks in Technology

Transcript

  1. ◉ 渡邊 達明(わたなべ たつあき) ◉ Twitter,GitHub: @nabettu ◉ 富士通株式会社→面白法人カヤック→独立 ◉

    妻(代表)と二人で法人 ◉ ネイティブアプリ(React Native with Expo)& Webフロント (Vue.js, React.js)& Firebase周りが専門です 自己紹介
  2. - wix/react-native-navigation - aksonov/react-native-router-flux - react-navigation/react-navigation - ReactTraining/react-router - その他

    今日はReact Navigationについてのお話をします React Nativeのルーティング何使ってますか?
  3. React Navigation on the Web - 前から React Native Webでの利用は自体はできたけど、

    画面が変わるだけでURLも変わらず、リロードしたら状態 がすべてリセットされてました - 個人的にExpoがv34からWebをサポートしたときに、それ を使って3プラットフォーム対応アプリの本を書いてました - https://nabettu.booth.pm/items/1569367 今回はその当時からのアップデート内容について発表します