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

hooksが変革する未来について

15eb9fe75117e987992d2ae56b811f2d?s=47 hiro
February 25, 2019
Programming
0
210

 hooksが変革する未来について

15eb9fe75117e987992d2ae56b811f2d?s=128

hiro

February 25, 2019
Tweet

More Decks by hiro

See All by hiro
Vue.js with Web Components
15eb9fe75117e987992d2ae56b811f2d?s=48 takahirosaeki
2
9.9k
lit-html, lit-elementどちらを使うか迷った際の個人的見解
15eb9fe75117e987992d2ae56b811f2d?s=48 takahirosaeki
0
400

Other Decks in Programming

See All in Programming
FutureCon 2022 FlutterアプリのPerformance測定
4affdb6a9878e509da7ca41a87051352?s=48 harukafujita
0
140
SGGとは
3cfad86677c5966ecfe9b81955fa3489?s=48 inoue2002
0
440
Carp言語さわってみた 〜鯉を取り戻せ編〜
Ced5def68f1a6bcd0736018bc64b116d?s=48 tsin45
0
110
테라폼으로 ECR 관리하기 (How to Manage ECR with Terraform)
330c5e37fb238d6b319ae6e18770f44b?s=48 posquit0
0
530
Edge Side Frontend という新領域
3aebd86547bfc5cdb451d5f2f95ed5d8?s=48 mizchi
24
10k
WindowsコンテナDojo: 第4回 Red Hat OpenShift Localを使ってみよう
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
190
「困りごと」から始める個人開発
4a0e3afe85259f2973dbc9386b6a4bb3?s=48 ikumatadokoro
4
260
クラウド KMS の活用 / TOKYO BLOCKCHAIN TECH MEETUP 2022
00766b8e1f9c2665cf7fd29f9cf558df?s=48 odanado
PRO
0
190
料理の注文メニューの3D化への挑戦
Fbe7836c8ca96e3099dd5bbd83d1a391?s=48 hideg
0
290
Rust on Lambda 大きめCSV生成
Bfcda4dca8fd6a07980ed8d5b21a572b?s=48 atsuyokota
1
400
Windows コンテナ Dojo 第5回 OpenShift で学ぶ Kubernetes 入門
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
200
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
Dda24cce92447593513292ec748c70c4?s=48 oleindesign
0
110

Featured

See All Featured
Practical Orchestrator
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.7k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
373
44k
Three Pipe Problems
11c84dff30266b907714802088852677?s=48 jasonvnalue
89
8.7k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
What's in a price? How to price your products and services
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
229
9.4k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
7.7k
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
Product Roadmaps are Hard
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
35
6.9k
What’s in a name? Adding method to the madness
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.6k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
125
12k
YesSQL, Process and Tooling at Scale
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
157
12k
5 minutes of I Can Smell Your CMS
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k

Transcript

  1. IPPLT͕มֵ͢Δະདྷʹ͍ͭͯ

  2. /BNF)JSP +PC'SPOU&OE%FWFMPQFS )PCCJFT%%3 TUPDLNBSLFUJOWFTUNFOU SVOOJOH 5XJUUFS!IJSPEFBUI (JU)VCUBLBIJSPTBFLJ

  3. None

  4. 8IBUJTUIF3FBDUIPPLT $MBTT$PNQPOFOUΛهड़͠ͳͯ͘΋TUBUF΍DPNQPOFOU%JE.PVOU  DPNQPOFOU%JE6QEBUF΍SFGͳͲɺࠓ·ͰDMBTTDPNQPOFOUͰ͔͠ ࢖͑ͳ͔ͬͨػೳ͕'VODUJPOBM$PNQPOFOUͰ΋࢖͑ΔΑ͏ʹͳͬͨ ҰݴͰݴ͑͹ɺ΋͏DMBTTDPNQPOFOUΛॻ͔ͳͯ͘΋ྑ͍࣌୅͕དྷͨ ·ͣ͸ൺֱΛͯ͠ΈΔͱɺɺɺ

  5. class component

  6. None

  7. hooks

  8. None

  9. ൺֱͯ͠Έͨ݁Ռ ίʔυྔ͸ݮΓɺࢹೝੑ΋্͕ͬͨ ͱࢥ͏ ͱ͸͍͑ɺݱ৔Ϩϕϧͷίʔυͩͱίϯϙʔωϯτ͔ΒϩδοΫΛ ෼ׂͨ͠Γ͢Δ͚Ͳɺ)PD΍SFOEFSQSPQTΈ͍ͨʹग़དྷͳ͍ͷʁ ࣮ࡍʹൺֱͯ͠ΈΑ͏

  10. Higher Order Component

  11. None
  12. None

  13. render props

  14. None
  15. None

  16. hooks

  17. None
  18. None

  19. hooks

  20. )PPLTͷछྨ େ͖͘෼͚ͯछྨ͋Δ #BTJD)PPLT "EEJUJPOBM)PPLT VTF4UBUF VTF$POUFYU VTF&⒎FDU VTF3FEVDFS VTF$BMMCBDL VTF.FNP

    VTF3FG VTF*NQFSBUJWF)BOEMF VTF-BZPVU&⒎FDU VTF%FCVH7BMVF
  21. None
  22. None

  23. Example App

  24. None

  25. ࠷ޙʹ ࠓޙDMBTTDPNQPOFOUΑΓ΋IPPLT͕࢖ΘΕͯߦ͘Α͏ʹͳͬͯߦ͘ͱࢥ͏ɻ ͱ͸͍͑ɺDMBTTDPNQPOFOU͔ΒIPPLTΛ࢖ͬͨίϯϙʔωϯτʹஔ׵͢Δͷ͸ ༰қͰͳ͍৔߹͕͋ΔͷͰɺࠓޙ΋อकͷࡍʹDMBTTDPNQPOFOUΛϝϯςφϯε ͠ͳ͚Ε͹ͳΒͳ͍৔߹΋ଟ͍ͱࢥ͏ɻ ৽ن։ൃʹ͓͍ͯ͸IPPLTΛ࢖ΘΕΔՄೳੑ͕ඇৗʹߴ͍ͱࢥ͏ͷͰࠓ͔Β IPPLTΛͲ͏࢖͏͔ݟ͍ͨͳ஌ݟ͕͋ΔͱࠓޙͷΤϯδχΞਓੜʹ͓͍ͯ ྑ͍౤ࢿʹͳΔͱࢥ͏ɻ

  26. 8IZEPO`UXFTUBSUVTJOHIPPLTJOTUFBEPGNBLJOHDMBTTDPNQPOFOU

  27. The End