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

React hands-on vol.01

Avatar for takanorip takanorip
August 02, 2016
Technology
0
340

React hands-on vol.01

Avatar for takanorip

takanorip

August 02, 2016
Tweet

More Decks by takanorip

See All by takanorip
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
350
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.7k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
150
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
5
900
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
14
7.3k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
4
2k
早わかり W3C Community Group
Avatar for takanorip takanorip
0
500
Ubieとアクセシビリティのこれからを考える
Avatar for takanorip takanorip
0
460
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
Avatar for takanorip takanorip
2
3.9k

Other Decks in Technology

See All in Technology
三視点LLMによる複数観点レビュー
Avatar for リリカル mhlyc
0
230
An introduction to Claude Code SDK
Avatar for Akihiro Okuno choplin
2
1k
Delegating the chores of authenticating users to Keycloak
Avatar for Alexander Schwartz ahus1
0
190
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
Avatar for ニフティ株式会社 niftycorp
PRO
1
520
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
Avatar for kazeburo kazeburo
1
580
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
Avatar for karacoro / からころ tsukuha
1
380
SRE with AI：実践から学ぶ、運用課題解決と未来への展望
Avatar for Ryo Yoshii yoshiiryo1
0
310
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
Avatar for shotaTsuge shotatsuge
4
1k
TLSから見るSREの未来
Avatar for atpons atpons
2
310
CDKコード品質UP！ナイスな自作コンストラクタを作るための便利インターフェース
Avatar for Haruka Sakihara harukasakihara
2
230
「Chatwork」のEKS環境を支えるhelmfileを使用したマニフェスト管理術
Avatar for hanayo04 hanayo04
1
400
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
Avatar for katsukamaru shin1988
2
2k

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
750
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k

Transcript

  1. React for Designer 5BLBOPSJ0LJ 

  2. ࣗݾ঺հ

  3. େ໦ଚلʢΦΦΩɹλΧϊϦʣ w ϑϩϯτΤϯυΤϯδχΞ w 8FCαΠτɺ8FCΞϓϦͷ੍࡞ w 2JJUB UBLBOPSJQ

  4. 3FBDU

  5. ٙ໰ w 3FBDUͬͯͳʹʁ w K2VFSZͱԿ͕ҧ͏ͷʁ w ͲΜͳ͍͍͜ͱ͋Δͷʁ

  6. None

  7. 3FBDU w 'BDFCPPL੡ +BWB4DSJQU 6*ϥΠϒϥϦɹ ɹ ɹ ʢʺϑϨʔϜϫʔΫʣ w ϑϨʔϜϫʔΫͷ7JFX෦෼Λ୲౰

    w 7JSUVBM%0.

  8. Controller View Model MVC model React

  9. 3FBDU74K2VFSZ

  10. 3FBDU74K2VFSZ

  11. 3FBDUͱK2VFSZ͸ ڞଘͰ͖Δ

  12. ͳͥԾ૝%0.ͱ͍͏֓೦͕ ԶୡͷࠢΛ਒͑ͤ͞Δͷ͔

  13. ಛ௃

  14. ίϯϙʔωϯτࢦ޲ w ίϯϙʔωϯτʹ6*Λߏ੒͢Δ෦඼ w ίϯϙʔωϯτΛ૊Έ߹ΘͤͯϖʔδΛߏங w QSPQ ఆ਺ ͱTUBUF ঢ়ଶ

    Λ࢖ͬͯಈతʹߏங
  15. None

  16. +49 w +BWB4DSJQUͷதʹ9.-Λهड़

  17. 3FBDU+49ͷ஫ҙ఺ w +49಺Ͱ͸+4ͷ༧໿ޙ͕࢖͑ͳ͍ͷͰɹɹɹ ॻ͖׵͕͑ඞཁ DMBTT˰DMBTT/BNFͳͲ  w &4ʢ&4ʣͰهड़͢Δ w 9.-ͳͷͰඞͣด͡λά͕ඞཁ

    w ίϯύΠϧ͕ඞཁ

  18. ϝϦοτ

  19. ؆୯Ͱ଎͍ Virtual DOM JS Object HTML ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩ෼ߋ৽