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
Hello React hooks
Search
circled9
November 30, 2018
Technology
0
790
Hello React hooks
water-cell tech night #2で話したreact hooksの紹介スライドです。
circled9
November 30, 2018
Tweet
Share
More Decks by circled9
See All by circled9
キースイッチ入門
circled9
0
78
CloudflareのAI関連の機能さわってみた
circled9
0
660
0.0.0.0 day
circled9
0
110
小数の丸め誤差の話
circled9
0
150
数値の文字列をパースしよう
circled9
0
240
🔥 Hono v4 やってみた
circled9
1
200
JetBrains AI Assistant を試してみた
circled9
1
540
Fresh
circled9
0
250
React Hooks 勉強会 vol.3
circled9
2
440
Other Decks in Technology
See All in Technology
サービスロボット最前線:ugoが挑むPhysical AI活用
kmatsuiugo
0
180
Backboneとしてのtimm2025
yu4u
3
1.1k
九州の人に知ってもらいたいGISスポット / gis spot in kyushu 2025
sakaik
0
220
【OptimizationNight】数理最適化のラストワンマイルとしてのUIUX
brainpadpr
2
580
結局QUICで通信は速くなるの?
kota_yata
9
7.5k
AIが住民向けコンシェルジュに?Amazon Connectと生成AIで実現する自治体AIエージェント!
yuyeah
0
240
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
340
MCPサーバーを活用したAWSコスト管理
arie0703
0
140
[OCI Technical Deep Dive] OCIで生成AIを活用するためのソリューション解説(2025年8月5日開催)
oracle4engineer
PRO
0
130
2025新卒研修・Webアプリケーションセキュリティ #弁護士ドットコム
bengo4com
3
9.9k
AIと描く、未来のBacklog 〜プロジェクト管理の次の10年を想像し、創造するセッション〜
hrm_o25
0
120
S3のライフサイクル設計でハマったポイント
mkumada
0
100
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
890
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Visualization
eitanlees
146
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
For a Future-Friendly Web
brad_frost
179
9.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Git: the NoSQL Database
bkeepers
PRO
431
65k
The Cult of Friendly URLs
andyhume
79
6.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
810
Transcript
ハロー リアクト フック @circled9 2018-11-30 WCI Tech night #2
Matsui Masashi দҪਖ਼ࢤ DJSDMFE 'SPOUFOE&OHJOFFS !XBUFSDFMMJOD !2
ࠓհ͢Δͷ 3FBDUWͷ৽ػೳ !3
)PPLT"1* !4
Hooks are a new feature proposal that lets you use
state and other React features without writing a class. They’re currently in React v16.7.0-alpha and being discussed in an open RFC. IUUQTSFBDUKTPSHEPDTIPPLTSFGFSFODFIUNMΑΓҾ༻ !5
ҙ༁ w )PPLT3FBDUͷ࣍ͷόʔδϣϯ Ͱ͑Δ༧ఆͷͭ w DMBTTͳ͠ͰTUBUFͱ͔͕͑Δ w ·ͩ3'$ͳײ͡Ͱ༷ࡦఆத !6
/P#SFBLJOH$IBOHFT w ͏ͷҙͩ͠ޙํޓੑͱ͔ Ϳͬյ͞ͳ͍Α w ผʹDMBTTΛͳ͘͢ؾͳ͍Α w 3FBDUͷߟ͑ํίϯηϓτͱ͔ มΘΒͳ͍Α !7
)PPLT"1*ͷհ !8
ࠓհ͢Δͷ w VTF4UBUF w VTF&GGFDU w VTF3FEVDFS !9
ࠓհ͠ͳ͍ͷ w VTF$POUFYU w ଞɺ"EEJUJPOBM)PPLTͷେ w VTF$BMMCBDL VTF.FNP VTF3FG
FUD !10
VTF4UBUF w TUBUF͕͑Δ w ݱࡏͷঢ়ଶͱঢ়ଶΛม͑ΔؔΛฦ ͢ w چདྷͷTFU4UBUFͷΑ͏ʹΦϒδΣ ΫτͷϚʔδ͠ͳ͍ͷͰҙ !11
VTF&GGFDU w ඳը͕ऴΘ͔ͬͯΒ࣮ߦ͞ΕΔ w %JE.PVOU%JE6QEBUFʹ͍ۙ w ୈೋҾͰࢹ͢ΔରΛࢦఆ͢Δ w ୈҰҾͷฦΓͷؔͰΫϦʔϯ Ξοϓ͢Δ
!12
VTF3FEVDFS w 'MVYϥΠΫͳ͜ͱ͕Ͱ͖Δ !13
ॴײ w SFDPNQPTFSFEVYͳͲΛͬ ͯͬͯͨ͜ͱͷҰ෦3FBDU͚ͩ ͰͰ͖ͦ͏ w ͠Β͘ϕετϓϥΫςΟεΛ ࡧ͢Δ͜ͱʹͳΓͦ͏ !14
&OKPZ)PPLT !15