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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
210
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
250
CSC307 Lecture 06
javiergs
PRO
0
690
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
140
AIによる高速開発をどう制御するか? ガードレール設置で開発速度と品質を両立させたチームの事例
tonkotsuboy_com
7
2.4k
Package Management Learnings from Homebrew
mikemcquaid
0
230
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
750
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
hiroyukimori
PRO
0
100
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
200
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
orgachem
PRO
1
220
Featured
See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
200
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
エンジニアに許された特別な時間の終わり
watany
106
230k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
380
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
79
How to make the Groovebox
asonas
2
1.9k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
110
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
230
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
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は一応共存できます。
ご清聴ありがとうございました。