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
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
3
1.9k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
850
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
610
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.5k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
230
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
5
990
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
7.6k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
5
2.1k
早わかり W3C Community Group
Avatar for takanorip takanorip
0
540

Other Decks in Technology

See All in Technology
ECS_EKS以外の選択肢_ROSA入門_.pdf
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
120
AI駆動開発ライフサイクル（AI-DLC）の始め方
Avatar for ryansbcho79 ryansbcho79
0
270
Everything As Code
Avatar for わいわい yosuke_ai
0
420
投資戦略を量産せよ 2 - マケデコセミナー(2025/12/26)
Avatar for tomo gamella
0
540
Connection-based OAuthから学ぶOAuth for AI Agents
Avatar for GMO Flatt Security flatt_security
0
500
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
Avatar for oracle4engineer oracle4engineer
PRO
5
11k
意外と知らない状態遷移テストの世界
Avatar for nihonbuson nihonbuson
PRO
1
370
Snowflake Industry Days 2025 Nowcast
Avatar for tak takumimukaiyama
0
150
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
Avatar for AEON aeonpeople
0
270
AI との良い付き合い方を僕らは誰も知らない
Avatar for Asei Sugiyama asei
1
320
Microsoft Agent Frameworkの可観測性
Avatar for tomokusaba tomokusaba
1
120
AWS re:Inventre:cap ～AmazonNova 2 Omniのワークショップを体験してきた～
Avatar for NRI Netcom nrinetcom
PRO
0
120

Featured

See All Featured
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
180
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
34
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
2
270
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
190
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
300
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
0
980
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
2
190
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k

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 ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩ෼ߋ৽