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
780
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
74
CloudflareのAI関連の機能さわってみた
circled9
0
600
0.0.0.0 day
circled9
0
100
小数の丸め誤差の話
circled9
0
140
数値の文字列をパースしよう
circled9
0
220
🔥 Hono v4 やってみた
circled9
1
190
JetBrains AI Assistant を試してみた
circled9
1
520
Fresh
circled9
0
240
React Hooks 勉強会 vol.3
circled9
2
440
Other Decks in Technology
See All in Technology
フィンテック養成勉強会#54
finengine
0
180
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
4k
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
360
AI導入の理想と現実~コストと浸透〜
oprstchn
0
120
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
920
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
150
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
5
580
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
340
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ #1 量子機械学習の入門
tkhresk
0
140
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
170
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
2
310
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
900
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.7k
Designing Experiences People Love
moore
142
24k
Fireside Chat
paigeccino
37
3.5k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
GraphQLとの向き合い方2022年版
quramy
49
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Building Applications with DynamoDB
mza
95
6.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
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