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
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
100
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
430
Oxlint JS plugins
Avatar for kazupon kazupon
1
880
AI & Enginnering
Avatar for codelynx codelynx
0
110
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
120
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330

Featured

See All Featured
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
250
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k

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