Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
React hands-on vol.01
takanorip
August 02, 2016
Technology
0
270
React hands-on vol.01
takanorip
August 02, 2016
Tweet
Share
More Decks by takanorip
See All by takanorip
ソフトウェアエンジニアの教養を養う本
takanorip
1
13k
共創するためのデザイン批評
takanorip
7
3.2k
Figmaプラグイン 開発のすゝめ
takanorip
0
170
Headless Components Design
takanorip
0
39
10分で理解する HTML Modules
takanorip
1
390
Polymer Project 2020
takanorip
1
120
技術とデザインの間
takanorip
0
1.3k
Color in Interface Experience
takanorip
1
89
ウェブフォント今昔物語
takanorip
5
3.6k
Other Decks in Technology
See All in Technology
CADDi HCMC Technology Center
caddi_eng
0
220
【OCHaCafe#5】その Pod 突然落ちても大丈夫ですか?
k6s4i53rx
2
120
長年運用されてきたモノリシックアプリケーションをコンテナ化しようとするとどんな問題に遭遇するか? / SRE NEXT 2022
nulabinc
PRO
15
7k
Understanding Python attributes
reuven
0
550
開発者のための GitHub Organization の安全な運用と 継続的なモニタリング
flatt_security
2
2.1k
AWS Control TowerとAWS Organizationsを活用した組織におけるセキュリティ設定
fu3ak1
2
600
SRE_チーム立ち上げから1年_気づいたら_SRE_っぽくない仕事まで貢献しちゃってる説
bitkey
PRO
0
1.8k
AWS CloudShellという推しサービスについて / lt-20220502-jawsug-cli
becominn
0
630
ZOZOTOWNのProduction Readiness Checklistと信頼性向上の取り組み / Improvement the reliability of ZOZOTOWN with Production Readiness Checklist
akitok_
5
1.3k
Babylon.jsで3DViewerを作ってみた!!!
iwaken71
0
580
Babylon.js で簡単 WebXR
yuhara0928
1
670
Web Intelligence and Visual Media Analytics
weblyzard
PRO
1
2.8k
Featured
See All Featured
The Invisible Side of Design
smashingmag
289
48k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
Done Done
chrislema
174
14k
Thoughts on Productivity
jonyablonski
43
2.2k
The Mythical Team-Month
searls
208
39k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
212
11k
Agile that works and the tools we love
rasmusluckow
319
19k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.4k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
125
8.5k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Designing for Performance
lara
596
63k
Making Projects Easy
brettharned
98
4.3k
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 ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩߋ৽