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
290
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
24
forループを越えて / beyond for loop
craftgear
0
250
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
craftgear
1
330
Reactハンズオン 02 redux編 コード部分抜粋 / React Handson 02 redux (excerpt)
craftgear
0
330
Reactで作るDrupalサイト
craftgear
0
180
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
craftgear
1
390
大阪Node学園 六時限目 「generator小咄」
craftgear
1
280
大阪Node学園四時限目 "This crazy testless world"
craftgear
1
300
Other Decks in Programming
See All in Programming
TypeScriptでライブラリとの依存を限定的にする方法
tutinoko
2
670
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
100
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
220
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
330
subpath importsで始めるモック生活
10tera
0
300
Amazon Qを使ってIaCを触ろう!
maruto
0
400
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
250
EventSourcingの理想と現実
wenas
6
2.3k
카카오페이는 어떻게 수천만 결제를 처리할까? 우아한 결제 분산락 노하우
kakao
PRO
0
110
Outline View in SwiftUI
1024jp
1
330
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
480
Generative AI Use Cases JP (略称:GenU)奮闘記
hideg
1
290
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
50
7.2k
Designing Experiences People Love
moore
138
23k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
89
Producing Creativity
orderedlist
PRO
341
39k
The Pragmatic Product Professional
lauravandoore
31
6.3k
It's Worth the Effort
3n
183
27k
RailsConf 2023
tenderlove
29
900
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
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ͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ