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
640

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
310
forループを越えて / beyond for loop
Avatar for Shunsuke Watanabe craftgear
0
530
Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
Avatar for Shunsuke Watanabe craftgear
1
550
Reactハンズオン 02 redux編 コード部分抜粋 / React Handson 02 redux (excerpt)
Avatar for Shunsuke Watanabe craftgear
0
540
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
330
大阪Node学園四時限目 "This crazy testless world"
Avatar for Shunsuke Watanabe craftgear
1
340

Other Decks in Programming

See All in Programming
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
600
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
190
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
230
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
770
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
160

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
630
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
210
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
64
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.8k

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ͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ