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
75
CloudflareのAI関連の機能さわってみた
circled9
0
620
0.0.0.0 day
circled9
0
110
小数の丸め誤差の話
circled9
0
140
数値の文字列をパースしよう
circled9
0
230
🔥 Hono v4 やってみた
circled9
1
190
JetBrains AI Assistant を試してみた
circled9
1
530
Fresh
circled9
0
250
React Hooks 勉強会 vol.3
circled9
2
440
Other Decks in Technology
See All in Technology
無理しない AI 活用サービス / #jazug
koudaiii
0
100
ロールが細分化された組織でSREは何をするか?
tgidgd
1
420
ポストコロナ時代の SaaS におけるコスト削減の意義
izzii
1
470
SREのためのeBPF活用ステップアップガイド
egmc
2
1.3k
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
第64回コンピュータビジョン勉強会「The PanAf-FGBG Dataset: Understanding the Impact of Backgrounds in Wildlife Behaviour Recognition」
x_ttyszk
0
240
AWS 怖い話 WAF編 @fillz_noh #AWSStartup #AWSStartup_Kansai
fillznoh
0
130
全部AI、全員Cursor、ドキュメント駆動開発 〜DevinやGeminiも添えて〜
rinchsan
10
5.1k
microCMSではじめるAIライティング
himaratsu
0
150
Delegating the chores of authenticating users to Keycloak
ahus1
0
190
サービスを止めるな! DDoS攻撃へのスマートな備えと最前線の事例
coconala_engineer
1
180
マルチプロダクト環境におけるSREの役割 / SRE NEXT 2025 lunch session
sugamasao
1
730
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
70
11k
Balancing Empowerment & Direction
lara
1
450
How GitHub (no longer) Works
holman
314
140k
Docker and Python
trallard
45
3.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Speed Design
sergeychernyshev
32
1k
KATA
mclloyd
30
14k
Embracing the Ebb and Flow
colly
86
4.8k
A Modern Web Designer's Workflow
chriscoyier
695
190k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
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