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
0
330
React hands-on vol.01
takanorip
August 02, 2016
Tweet
Share
More Decks by takanorip
See All by takanorip
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.1k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.5k
早わかり W3C Community Group
takanorip
0
410
Ubieとアクセシビリティのこれからを考える
takanorip
0
390
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.7k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
デザインシステム運用とOKRの良い関係
takanorip
0
1.9k
Other Decks in Technology
See All in Technology
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
38
13k
Application Development WG Intro at AppDeveloperCon
salaboy
0
200
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
960
心が動くエンジニアリング ── 私が夢中になる理由
16bitidol
0
110
アプリエンジニアのためのGraphQL入門.pdf
spycwolf
0
110
"とにかくやってみる"で始めるAWS Security Hub
maimyyym
2
100
型チェック 速度改善 奮闘記⌛
tocomi
1
140
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
630
TypeScriptの次なる大進化なるか!? 条件型を返り値とする関数の型推論
uhyo
2
1.8k
SRE×AIOpsを始めよう!GuardDutyによるお手軽脅威検出
amixedcolor
1
210
FlutterアプリにおけるSLI/SLOを用いたユーザー体験の可視化と計測基盤構築
ostk0069
0
130
組織成長を加速させるオンボーディングの取り組み
sudoakiy
3
260
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
95
5.2k
Building an army of robots
kneath
302
43k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
A better future with KSS
kneath
238
17k
Side Projects
sachag
452
42k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
The Cult of Friendly URLs
andyhume
78
6k
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 ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩߋ৽