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
React使いがVueと仲良くなるためにやったこと
Search
texdeath
October 17, 2019
Programming
0
230
React使いがVueと仲良くなるためにやったこと
今までの業務でReactばかり書いてきた僕が新しい職場でNuxt・Vueを書くことになったので、触ってみた所感や新しいバージョンへの期待をまとめました。
texdeath
October 17, 2019
Tweet
Share
More Decks by texdeath
See All by texdeath
クライアントワークと管理画面の話
texdeath
0
85
次世代ヘッドレス開発室が提供するヘッドレスEC
texdeath
0
570
中期プロジェクトで e2eテストを導入してみて感じたこと
texdeath
2
7.4k
おさらいVue Composition API
texdeath
0
340
Optional Chainingについて
texdeath
3
140
副業として個人事業主をやる場合の メリット・デメリット
texdeath
0
98
Container Componentは必要なのか
texdeath
4
590
Kotlin/JSでReactアプリを作ってみた
texdeath
1
810
Other Decks in Programming
See All in Programming
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
2
210
PostmanでAPIの動作確認が楽になった話
h455h1
0
180
AmperとFleetを使ったAndroidアプリ
yoppie
0
260
Tailwind CSSを本気でカスタマイズする方法
fsubal
14
5.5k
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
1k
Git Rebase
bkuhlmann
11
1.6k
Ruby Pattern Matching
bkuhlmann
0
930
Let's learn code review
riofujimon
2
580
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.5k
WebGLで始める コンピュータグラフィックス入門
heller77
0
210
"config" ってなんだ? / What is "config"?
okashoi
0
330
AppRouter Panel Talk
yosuke_furukawa
PRO
1
470
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
1.9k
GraphQLとの向き合い方2022年版
quramy
33
12k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Embracing the Ebb and Flow
colly
80
4.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Documentation Writing (for coders)
carmenintech
60
4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Into the Great Unknown - MozCon
thekraken
14
1k
Building an army of robots
kneath
300
41k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Transcript
3FBDU͍͕7VFͱ ྑ͘ͳΔͨΊʹͬͨ͜ͱ 1
๏ ాɹউॣ ๏ ϑϩϯτΤϯυΤϯδχΞ ๏ 3FBDU/PEF7VF /VYU ๏ 7VFྺϲ݄ͪΐ͍͘Β͍
๏ 5XJUUFS!UFYEFBUI 2
Agenda 1. なぜVueを書くことになったか 2. 仲良くなれそうなところ 3. つらいところ 4. Vue3.xへの期待 5.
まとめ 3
͜Ε·Ͱͷܦྺ • React/ReduxでSPA開発 • 業務の60%以上React/Reduxでのツール開発 • 残りは設計とか運用とか調査とか… • 結構何でもやってた 4
ͳͥVueΛॻ͘͜ͱʹͳ͔ͬͨ • 転職 • 何でも屋さんだったので、フロントエンド に集中したかった • フロントエンドやクリエイティブコーディ ングをやりたかった •
転職先ではVueも扱えないといけない 5
6 ษڧ։࢝
7 ษڧ࢝͠Ίͯ ͙͢ࢥͬͨ͜ͱ
8 ͱͱͷࢥ͕ҧ͏
ͦΕͧΕͷΠϝʔδͷҧ͍ͷཧղ͔Βೖͬͨ 9 ॊೈ HTMLΛ֦ு͢ΔΠϝʔδ ॳݟʹ༏͍͠ ݫ֨ JavaScriptΛ֦ு͢ΔΠϝʔδ ॳݟʹͱ͖ͬͭʹ͍͘
10 ࣮ࡍʹ৮ͬͯΈΔ
ͳΜͱͳ͘ͷॴײɿྑ͘ͳΕͦ͏ͳͱ͜Ζ • Scoped Styleが標準装備なのが良い • Reactだと何かライブラリ入れないと無理 • ドキュメントが超親切 • 他のフレームワークと比べても圧倒的に初
心者に優しい • ミドルウェア入れるの簡単 • Firebase認証とかも簡単に入れられて便利 11
ͳΜͱͳ͘ͷॴײɿͭΒ͔ͬͨͱ͜Ζ • 関数型に慣れてると辛い • TS入れるためにVue-Class-Componentを使っ ているが、そもそもClassでコンポーネント 書きたくない • <element></element> ←
<element />にしたい • JSXでも書けるらしいけど… 12
13 ৽͘͠Ճ͞ΕΔ ػೳΛΔ
৽͘͠Ճ͞ΕΔػೳΛΔ 14
15 Vue 3.xͷظ
Vue Composition APIʢVue3.x RFCʣ 16
setupؔ͑ؔܕͬΆ͘ॻ͚Δ 17 React Hooksʹࣅͯͯ͞Βʹྑ͘ͳΕͦ͏
18 ·ͱΊ
·ͱΊ •それぞれの思想の違いを理解することが大事 •Vueの公式ドキュメントがとても親切で好き •Vue Composition APIがすごく楽しみ 19