Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
0
340
React hands-on vol.01
takanorip
August 02, 2016
Tweet
Share
More Decks by takanorip
See All by takanorip
Design System Documentation Tooling 2025
takanorip
2
1.1k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
810
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
590
Bulletproof Design System with TypeScript
takanorip
7
4.5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
220
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
980
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.6k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.1k
早わかり W3C Community Group
takanorip
0
540
Other Decks in Technology
See All in Technology
[デモです] NotebookLM で作ったスライドの例
kongmingstrap
0
140
乗りこなせAI駆動開発の波
eltociear
1
1.1k
業務のトイルをバスターせよ 〜AI時代の生存戦略〜
staka121
PRO
2
180
第4回 「メタデータ通り」 リアル開催
datayokocho
0
130
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
sansantech
PRO
1
130
今からでも間に合う!速習Devin入門とその活用方法
ismk
1
700
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
mirakui
4
440
グレートファイアウォールを自宅に建てよう
ctes091x
0
150
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
emiki
0
170
RAG/Agent開発のアップデートまとめ
taka0709
0
180
寫了幾年 Code,然後呢?軟體工程師必須重新認識的 DevOps
cheng_wei_chen
1
1.4k
regrowth_tokyo_2025_securityagent
hiashisan
0
240
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.2k
For a Future-Friendly Web
brad_frost
180
10k
Code Reviewing Like a Champion
maltzj
527
40k
Producing Creativity
orderedlist
PRO
348
40k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
970
Writing Fast Ruby
sferik
630
62k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Building Adaptive Systems
keathley
44
2.9k
Practical Orchestrator
shlominoach
190
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
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 ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩߋ৽