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
310
React hands-on vol.01
takanorip
August 02, 2016
Tweet
Share
More Decks by takanorip
See All by takanorip
社内管理画面のデザインもプロダクトデザイン
takanorip
3
730
早わかり W3C Community Group
takanorip
0
260
Ubieとアクセシビリティのこれからを考える
takanorip
0
230
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
2.9k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
2.8k
デザインシステム運用とOKRの良い関係
takanorip
0
1.7k
ユビーのペイシェントジャーニーを支えるデザインシステム構築
takanorip
0
170
メンタルヘルスチューニング
takanorip
0
250
Other Decks in Technology
See All in Technology
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
Aurora MySQL v3(MySQL8.0互換)の オンラインDDLの罠挙動を全バージョンで検証した
yutakikai
0
150
SREとその組織類型
tatsuo48
8
1.5k
A (short) History of AI
harishpillay
0
110
スタートアップの技術顧問を3年間続けて発生した事と気付き
biwakonbu
0
150
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
140
反実仮想機械学習とは何か
usaito
PRO
6
1.6k
**強い**エンジニアのなり方 - フィードバックサイクルを勝ち取る / grow one day each day
soudai
60
17k
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
100
「共通基盤」を超えよ! 今、Platform Engineeringに取り組むべき理由
jacopen
25
5.7k
Terraformあれやこれ/terraform-this-and-that
emiki
3
150
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
How GitHub (no longer) Works
holman
304
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Imperfection Machines: The Place of Print at Facebook
scottboms
258
12k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
Statistics for Hackers
jakevdp
789
220k
Navigating Team Friction
lara
177
13k
GraphQLとの向き合い方2022年版
quramy
30
12k
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 ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩߋ৽