Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
【第4回】ReactNativeにゆかりのあるスタートアップが集う会
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
sky iwasaki
April 25, 2019
Programming
0
1.4k
【第4回】ReactNativeにゆかりのあるスタートアップが集う会
【第4回】ReactNativeにゆかりのあるスタートアップが集う会
sky iwasaki
April 25, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
Oxlintはいいぞ
yug1224
5
1.4k
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
220
Apache Iceberg V3 and migration to V3
tomtanaka
0
170
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
660
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
koukimiura
1
120
React Native × React Router v7 API通信の共通化で考えるべきこと
suguruooki
0
100
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
180
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
990
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
tasshi
0
210
Featured
See All Featured
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
260
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
260
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
65
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
470
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
エンジニアに許された特別な時間の終わり
watany
106
230k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.1k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
Google's AI Overviews - The New Search
badams
0
910
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
77
Transcript
Vue NativeとReact Nativeでキメラ アプリをつくっている話@iwsksky
自己紹介 岩崎拓海@iwsksky - 株式会社ジラフで質問箱をReact Nativeで書いています、 React Native歴は3ヶ月くらい - スローガン株式会社でニュースアプリ、株式会社ディー・エヌ ・エーで配車アプリのAndroid開発をしていました
- RxJavaのようなリアクティブな技術が好きです
今日のお話 - 概要 - Vue NativeというReact NativeのラッパーをReact Nativeと共存させつつリプレイスしている話です - ベストプラクティス的な話ではないので、1つのおもしろ事例として聞いてください
Vue Nativeについて - React NativeライクにVue.js でアプリをクロスプラット フォーム開発できる技術 - ラップしてるだけのライブラリ も結構多い
- アーキテクチャは何も考えな いとflux(vuex)になります 入社して1ヶ月ほどVue Nativeで開発していましたが、色々と辛い事 情がありリプレースする決断に至りました ex.vue-native-router
辛い事情1 - React Native以上にドキュメントが存在しない - 気づいたらReact Nativeのドキュメントやソースコードを読んでいたみたいなことが多々 - こういうことが頻繁に起こる
辛い事情2 - 依存しているモジュールのバージョンが古い - 新しい技術で進化も早いので最新に追従できる状態にはしておきたい
[email protected]
最新 0.59.5
[email protected]
最新
0.53.1
[email protected]
最新 3.9.0
緩やかなリプレース のために - vueとtsx - vuexとredux - ビルド環境 - コンポーネント
- アーキテクチャ
ビルド環境 - rn-cli.config.jsにtransformer をかませる - 最新のmetroはtypescript対 応
vue,tsxの共存 - propsの定義さえ一致していれば tsxからvueを呼べる home.tsx home-contents.vue
vuex,reduxの共存 アーキテクチャの概要は以下のような感じ vue components actions mutations state react components actions(actio
n creator) reducers store Vuex Redux
vuex,reduxの共存 vue on tsx dispatch redux action from vuex store
vuex,reduxの共存
結論: ReactとVueは一応共存できます。
ご清聴ありがとうございました。