Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
hooksが変革する未来について
hiro
February 25, 2019
Programming
0
210
hooksが変革する未来について
hiro
February 25, 2019
Tweet
Share
More Decks by hiro
See All by hiro
Vue.js with Web Components
takahirosaeki
2
9.9k
lit-html, lit-elementどちらを使うか迷った際の個人的見解
takahirosaeki
0
400
Other Decks in Programming
See All in Programming
FutureCon 2022 FlutterアプリのPerformance測定
harukafujita
0
140
SGGとは
inoue2002
0
440
Carp言語さわってみた 〜鯉を取り戻せ編〜
tsin45
0
110
테라폼으로 ECR 관리하기 (How to Manage ECR with Terraform)
posquit0
0
530
Edge Side Frontend という新領域
mizchi
24
10k
WindowsコンテナDojo: 第4回 Red Hat OpenShift Localを使ってみよう
oniak3ibm
PRO
0
190
「困りごと」から始める個人開発
ikumatadokoro
4
260
クラウド KMS の活用 / TOKYO BLOCKCHAIN TECH MEETUP 2022
odanado
PRO
0
190
料理の注文メニューの3D化への挑戦
hideg
0
290
Rust on Lambda 大きめCSV生成
atsuyokota
1
400
Windows コンテナ Dojo 第5回 OpenShift で学ぶ Kubernetes 入門
oniak3ibm
PRO
0
200
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
oleindesign
0
110
Featured
See All Featured
Practical Orchestrator
shlominoach
178
8.7k
From Idea to $5000 a Month in 5 Months
shpigford
373
44k
Three Pipe Problems
jasonvnalue
89
8.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
What's in a price? How to price your products and services
michaelherold
229
9.4k
Why You Should Never Use an ORM
jnunemaker
PRO
47
7.7k
Agile that works and the tools we love
rasmusluckow
319
19k
Product Roadmaps are Hard
iamctodd
35
6.9k
What’s in a name? Adding method to the madness
productmarketing
11
1.6k
Visualization
eitanlees
125
12k
YesSQL, Process and Tooling at Scale
rocio
157
12k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Transcript
IPPLT͕มֵ͢Δະདྷʹ͍ͭͯ
/BNF)JSP +PC'SPOU&OE%FWFMPQFS )PCCJFT%%3 TUPDLNBSLFUJOWFTUNFOU SVOOJOH 5XJUUFS!IJSPEFBUI (JU)VCUBLBIJSPTBFLJ
None
8IBUJTUIF3FBDUIPPLT $MBTT$PNQPOFOUΛهड़͠ͳͯ͘TUBUFDPNQPOFOU%JE.PVOU DPNQPOFOU%JE6QEBUFSFGͳͲɺࠓ·ͰDMBTTDPNQPOFOUͰ͔͠ ͑ͳ͔ͬͨػೳ͕'VODUJPOBM$PNQPOFOUͰ͑ΔΑ͏ʹͳͬͨ ҰݴͰݴ͑ɺ͏DMBTTDPNQPOFOUΛॻ͔ͳͯ͘ྑ͍͕࣌དྷͨ ·ͣൺֱΛͯ͠ΈΔͱɺɺɺ
class component
None
hooks
None
ൺֱͯ͠Έͨ݁Ռ ίʔυྔݮΓɺࢹೝੑ্͕ͬͨ ͱࢥ͏ ͱ͍͑ɺݱϨϕϧͷίʔυͩͱίϯϙʔωϯτ͔ΒϩδοΫΛ ׂͨ͠Γ͢Δ͚Ͳɺ)PDSFOEFSQSPQTΈ͍ͨʹग़དྷͳ͍ͷʁ ࣮ࡍʹൺֱͯ͠ΈΑ͏
Higher Order Component
None
None
render props
None
None
hooks
None
None
hooks
)PPLTͷछྨ େ͖͚ͯ͘छྨ͋Δ #BTJD)PPLT "EEJUJPOBM)PPLT VTF4UBUF VTF$POUFYU VTF&⒎FDU VTF3FEVDFS VTF$BMMCBDL VTF.FNP
VTF3FG VTF*NQFSBUJWF)BOEMF VTF-BZPVU&⒎FDU VTF%FCVH7BMVF
None
None
Example App
None
࠷ޙʹ ࠓޙDMBTTDPNQPOFOUΑΓIPPLT͕ΘΕͯߦ͘Α͏ʹͳͬͯߦ͘ͱࢥ͏ɻ ͱ͍͑ɺDMBTTDPNQPOFOU͔ΒIPPLTΛͬͨίϯϙʔωϯτʹஔ͢Δͷ ༰қͰͳ͍߹͕͋ΔͷͰɺࠓޙอकͷࡍʹDMBTTDPNQPOFOUΛϝϯςφϯε ͠ͳ͚ΕͳΒͳ͍߹ଟ͍ͱࢥ͏ɻ ৽ن։ൃʹ͓͍ͯIPPLTΛΘΕΔՄೳੑ͕ඇৗʹߴ͍ͱࢥ͏ͷͰࠓ͔Β IPPLTΛͲ͏͏͔ݟ͍ͨͳݟ͕͋ΔͱࠓޙͷΤϯδχΞਓੜʹ͓͍ͯ ྑ͍ࢿʹͳΔͱࢥ͏ɻ
8IZEPO`UXFTUBSUVTJOHIPPLTJOTUFBEPGNBLJOHDMBTTDPNQPOFOU
The End