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
Matsui Masashi
November 30, 2018
Technology
0
680
Hello React hooks
water-cell tech night #2で話したreact hooksの紹介スライドです。
Matsui Masashi
November 30, 2018
Tweet
Share
More Decks by Matsui Masashi
See All by Matsui Masashi
🔥 Hono v4 やってみた
circled9
1
36
JetBrains AI Assistant を試してみた
circled9
1
230
Fresh
circled9
0
180
React Hooks 勉強会 vol.3
circled9
2
340
JSON.stringify()
circled9
2
400
HTML
circled9
2
890
prefers-color-schemaの話
circled9
0
570
Bundle Transpile Rock'n'Roll
circled9
0
1.5k
細かくて伝わらないmacの小技選手権
circled9
0
770
Other Decks in Technology
See All in Technology
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
160
やっていきテスト
k6s4i53rx
0
160
CI/CDがあたりまえの今の時代にAPIテスティングツールに求められていること / CI/CD Test Night #7
k1low
12
2.8k
LLMプロダクト事業の立ち上げにおける挑戦
layerx
PRO
7
1.4k
どう買う?Azure
kuniteru
1
190
バッチ処理のSLOをどう設計するか
rynsuke
7
550
AMLD 2024 - Build Your Own GPT
donlelef
1
260
Azureコストは水道代/The_47th_Tokyo_Jazug
aeonpeople
3
350
OpenTelemetry実践 はじめの一歩
taxin
0
310
20240321_生成AI時代のDevOps
kzkmaeda
2
610
KubeCon EU: Unlocking new Platform Experiences with Open Interfaces
salaboy
1
370
データ化エンジニアとしての1年を振り返る
sansantech
PRO
3
250
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Git: the NoSQL Database
bkeepers
PRO
421
63k
Into the Great Unknown - MozCon
thekraken
10
830
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Product Roadmaps are Hard
iamctodd
43
9.6k
Optimizing for Happiness
mojombo
369
69k
Designing Experiences People Love
moore
135
23k
GitHub's CSS Performance
jonrohan
1023
450k
BBQ
matthewcrist
78
8.7k
Building Your Own Lightsaber
phodgson
97
5.6k
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