Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 co...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Shunsuke Watanabe Shunsuke Watanabe
July 30, 2018
Programming
0
650

Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)

2018/07/28 と 2018/07/29 に行ったハンズオンのスライドのうち、コード部分を抜粋して掲載したものです。

Avatar for Shunsuke Watanabe

Shunsuke Watanabe

July 30, 2018
Tweet

More Decks by Shunsuke Watanabe

See All by Shunsuke Watanabe
いますぐ {id: number;} をやめろ
Avatar for Shunsuke Watanabe craftgear
1
320
forループを越えて / beyond for loop
Avatar for Shunsuke Watanabe craftgear
0
530
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
Avatar for Shunsuke Watanabe craftgear
1
560
Reactハンズオン 02 redux編 コード部分抜粋 / React Handson 02 redux (excerpt)
Avatar for Shunsuke Watanabe craftgear
0
550
Reactで作るDrupalサイト
Avatar for Shunsuke Watanabe craftgear
0
460
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Avatar for Shunsuke Watanabe craftgear
1
420
大阪Node学園 六時限目 「generator小咄」
Avatar for Shunsuke Watanabe craftgear
1
340
大阪Node学園四時限目 "This crazy testless world"
Avatar for Shunsuke Watanabe craftgear
1
340

Other Decks in Programming

See All in Programming
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
Avatar for hisuzuya hisuzuya
4
450
Head of Engineeringが現場で回した生産性向上施策 2025→2026
Avatar for gessy0129 gessy0129
0
200
AIに仕事を丸投げしたら、本当に楽になれるのか
Avatar for ディップ株式会社 dip_tech
PRO
0
170
AHC061解説
Avatar for Shun_PI shun_pi
0
280
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
180
今更考える「単一責任原則」 / Thinking about the Single Responsibility Principle
Avatar for philomagi tooppoo
3
1.2k
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
140
DSPy入門 Pythonで実現する自動プロンプト最適化 〜人手によるプロンプト調整からの卒業〜
Avatar for sea-turt1e seaturt1e
1
430
Event Storming
Avatar for Henning Schwentner hschwentner
3
1.3k
ぼくの開発環境2026
Avatar for yuzneri yuzneri
1
290
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
1.9k

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
470
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
260
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
Design in an AI World
Avatar for tapps tapps
0
160
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
530
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
140

Transcript

  1. )FMMP8PSMEίϯϙʔωϯτ࡞੒ • TSDDPNQPOFOUT)FMMP8PSMEKTΛ࡞੒ͯ͠։͘

  2. w ϒϥ΢β͕ࣗಈͰϦϩʔυ͞Εɺ)FMMP8PSME͕දࣔ͞ΕΔ w TSD"QQKTΛ։͘ w )FMMP8PSMEKTΛΠϯϙʔτ w SFOEFSϝιου಺ʹ)FMMP8PSMEΛ௥Ճͯ͠อଘ

  3. ϓϩύςΟͷड͚౉͠ λάʹଐੑΛ౉͢͜ͱͰɺλά಺Ͱ͸QSPQTϓϩύςΟΛ௨ͯͦ͡ͷ஋ ʹΞΫηεͰ͖ΔΑ͏ʹͳΔ 1. "QQKT಺Ͱͷݺͼग़͠Λมߋ 2. )FMMP8PSMEKT಺ͰQSPQTϓϩύςΟΛ௨ͯ͡HSFFUJOHΛࢀর͢Δ 3. "QQKTͰͷݺͼग़͠Λมߋ 4.

    λάͷࢠཁૉ͸ɺQSPQTDIJMESFOͰࢀরͰ͖Δ

  4. &4PCKFDUEFTUSVDUVSJOH ΍ͬͯΈΑ͏ 1.QSPQTΛड͚औ͍ͬͯͨͱ͜ΖΛɺ\HSFFUJOH^ʹมߋͯ͠ΈΔ 2.HSFFUJOHͱ͸ผʹɺUPଐੑΛ౉͠ɺʮੈքʯΛஔ͖׵͑ͯΈΔ

  5. ελΠϧఆٛ )FMMP8PSMEίϯϙʔωϯτͷจࣈ৭Λม͑ͯΈΔ 1. ελΠϧఆٛ 2. ελΠϧద༻

  6. TFU4UBUFΛ࢖ͬͨ؆қεςʔτ؅ཧ 1. "QQKTʹDPOTUSVDUPSϝιουΛ௥Ճͯ͠ϩʔΧϧεςʔτΛ ॳظԽ

  7. εςʔτΛࢀরͯ͠ίϯϙʔωϯτʹ౉͢ • ΍ͬͯΈΑ͏ • constructorͰઃఆͨ͠ॳظ஋Λมߋͯ͠ΈΔ

  8. ΠϕϯτͰεςʔτΛॻ͖׵͑Δ εςʔτߋ৽༻ϝιουΛ௥Ճ DPOTUSVDUPSͰΫϥεΠϯελϯεΛCJOE

  9. SFOEFSϝιουʹϘλϯ௥Ճ ΠϕϯτͰεςʔτΛॻ͖׵͑Δ • ΍ͬͯΈΑ͏ • stateͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ