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
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 co...
Search
Shunsuke Watanabe
July 30, 2018
Programming
0
570
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
2018/07/28 と 2018/07/29 に行ったハンズオンのスライドのうち、コード部分を抜粋して掲載したものです。
Shunsuke Watanabe
July 30, 2018
Tweet
Share
More Decks by Shunsuke Watanabe
See All by Shunsuke Watanabe
いますぐ {id: number;} をやめろ
craftgear
1
250
forループを越えて / beyond for loop
craftgear
0
470
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
craftgear
1
500
Reactハンズオン 02 redux編 コード部分抜粋 / React Handson 02 redux (excerpt)
craftgear
0
490
Reactで作るDrupalサイト
craftgear
0
350
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
craftgear
1
400
大阪Node学園 六時限目 「generator小咄」
craftgear
1
310
大阪Node学園四時限目 "This crazy testless world"
craftgear
1
320
Other Decks in Programming
See All in Programming
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
380
Elixir で IoT 開発、 Nerves なら簡単にできる!?
pojiro
1
150
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
童醫院敏捷轉型的實踐經驗
cclai999
0
190
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
320
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
570
エラーって何種類あるの?
kajitack
5
310
Benchmark
sysong
0
270
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
130
WindowInsetsだってテストしたい
ryunen344
1
190
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
2
270
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
190
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How to Ace a Technical Interview
jacobian
277
23k
Gamification - CAS2011
davidbonilla
81
5.3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Why Our Code Smells
bkeepers
PRO
337
57k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
We Have a Design System, Now What?
morganepeng
53
7.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
)FMMP8PSMEίϯϙʔωϯτ࡞ • TSDDPNQPOFOUT)FMMP8PSMEKTΛ࡞ͯ͠։͘
w ϒϥβ͕ࣗಈͰϦϩʔυ͞Εɺ)FMMP8PSME͕දࣔ͞ΕΔ w TSD"QQKTΛ։͘ w )FMMP8PSMEKTΛΠϯϙʔτ w SFOEFSϝιουʹ)FMMP8PSMEΛՃͯ͠อଘ
ϓϩύςΟͷड͚͠ λάʹଐੑΛ͢͜ͱͰɺλάͰQSPQTϓϩύςΟΛ௨ͯͦ͡ͷ ʹΞΫηεͰ͖ΔΑ͏ʹͳΔ 1. "QQKTͰͷݺͼग़͠Λมߋ 2. )FMMP8PSMEKTͰQSPQTϓϩύςΟΛ௨ͯ͡HSFFUJOHΛࢀর͢Δ 3. "QQKTͰͷݺͼग़͠Λมߋ 4.
λάͷࢠཁૉɺQSPQTDIJMESFOͰࢀরͰ͖Δ
&4PCKFDUEFTUSVDUVSJOH ͬͯΈΑ͏ 1.QSPQTΛड͚औ͍ͬͯͨͱ͜ΖΛɺ\HSFFUJOH^ʹมߋͯ͠ΈΔ 2.HSFFUJOHͱผʹɺUPଐੑΛ͠ɺʮੈքʯΛஔ͖͑ͯΈΔ
ελΠϧఆٛ )FMMP8PSMEίϯϙʔωϯτͷจࣈ৭Λม͑ͯΈΔ 1. ελΠϧఆٛ 2. ελΠϧద༻
TFU4UBUFΛͬͨ؆қεςʔτཧ 1. "QQKTʹDPOTUSVDUPSϝιουΛՃͯ͠ϩʔΧϧεςʔτΛ ॳظԽ
εςʔτΛࢀরͯ͠ίϯϙʔωϯτʹ͢ • ͬͯΈΑ͏ • constructorͰઃఆͨ͠ॳظΛมߋͯ͠ΈΔ
ΠϕϯτͰεςʔτΛॻ͖͑Δ εςʔτߋ৽༻ϝιουΛՃ DPOTUSVDUPSͰΫϥεΠϯελϯεΛCJOE
SFOEFSϝιουʹϘλϯՃ ΠϕϯτͰεςʔτΛॻ͖͑Δ • ͬͯΈΑ͏ • stateͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ