Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React hands-on vol.01
Search
takanorip
August 02, 2016
Technology
350
0
Share
React hands-on vol.01
takanorip
August 02, 2016
More Decks by takanorip
See All by takanorip
「見せる」登壇資料デザインの極意
takanorip
3
880
Design System Documentation Tooling 2025
takanorip
3
2.6k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1.1k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
750
Bulletproof Design System with TypeScript
takanorip
7
5.1k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
290
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1.1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.8k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.3k
Other Decks in Technology
See All in Technology
Platform engineering for developers, architects & the rest of us (AI agents)
danielbryantuk
0
150
類似画像検索モデルの開発ノウハウ
lycorptech_jp
PRO
4
1.1k
最低限これだけ押さえれ大丈夫_Claude Enterprise/Team企業展開ガバナンス入門
tkikuchi
1
550
シンデレラなんかになりたくない!ガラスの靴が割れた時代にどう歩く?
nomizone
0
280
AI駆動開発でなんでもハンズオン環境をつくってみた
yoshimi0227
0
180
Java正規表現エンジン(NFA)の仕組みと パフォーマンスを維持するための最適化手法
takeuchi_132917
0
150
Javaで学ぶSOLID原則
negima
1
240
APIテストとは?
nagix
0
160
ビジュアルプログラミングIoTLT vol.23
1ftseabass
PRO
0
160
Sony_KMP_Journey_KotlinConf2026
sony
0
180
美味しいスイスチーズを作ろう🧀🐭
taigamikami
1
190
OpenID Connectによるサービス間連携
takesection
0
140
Featured
See All Featured
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
130
The Curse of the Amulet
leimatthew05
1
13k
The SEO identity crisis: Don't let AI make you average
varn
0
480
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
200
Designing for Performance
lara
611
70k
We Have a Design System, Now What?
morganepeng
55
8.2k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
220
Making the Leap to Tech Lead
cromwellryan
135
9.9k
AI: The stuff that nobody shows you
jnunemaker
PRO
7
670
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Agile that works and the tools we love
rasmusluckow
331
21k
Transcript
React for Designer 5BLBOPSJ0LJ
ࣗݾհ
େଚلʢΦΦΩɹλΧϊϦʣ w ϑϩϯτΤϯυΤϯδχΞ w 8FCαΠτɺ8FCΞϓϦͷ੍࡞ w 2JJUB UBLBOPSJQ
3FBDU
ٙ w 3FBDUͬͯͳʹʁ w K2VFSZͱԿ͕ҧ͏ͷʁ w ͲΜͳ͍͍͜ͱ͋Δͷʁ
None
3FBDU w 'BDFCPPL +BWB4DSJQU 6*ϥΠϒϥϦɹ ɹ ɹ ʢʺϑϨʔϜϫʔΫʣ w ϑϨʔϜϫʔΫͷ7JFX෦Λ୲
w 7JSUVBM%0.
Controller View Model MVC model React
3FBDU74K2VFSZ
3FBDU74K2VFSZ
3FBDUͱK2VFSZ ڞଘͰ͖Δ
ͳͥԾ%0.ͱ͍͏֓೦͕ ԶୡͷࠢΛ͑ͤ͞Δͷ͔
ಛ
ίϯϙʔωϯτࢦ w ίϯϙʔωϯτʹ6*Λߏ͢Δ෦ w ίϯϙʔωϯτΛΈ߹ΘͤͯϖʔδΛߏங w QSPQ ఆ ͱTUBUF ঢ়ଶ
Λͬͯಈతʹߏங
None
+49 w +BWB4DSJQUͷதʹ9.-Λهड़
3FBDU+49ͷҙ w +49Ͱ+4ͷ༧ޙ͕͑ͳ͍ͷͰɹɹɹ ॻ͖͕͑ඞཁ DMBTT˰DMBTT/BNFͳͲ w &4ʢ&4ʣͰهड़͢Δ w 9.-ͳͷͰඞͣด͡λά͕ඞཁ
w ίϯύΠϧ͕ඞཁ
ϝϦοτ
؆୯Ͱ͍ Virtual DOM JS Object HTML ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩߋ৽