Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Reactは、はやい!
Risa Aoki
March 25, 2017
Technology
0
1.2k
Reactは、はやい!
Reactの表示速度が早いことについてLTしたときの資料です
Risa Aoki
March 25, 2017
Tweet
Share
Other Decks in Technology
See All in Technology
rigolon
3
320
maekawa123
0
440
techclouderp
0
260
lain21
12
5.1k
sogaoh
2
420
soracom
0
800
oracle4engineer
0
130
line_developers
PRO
1
320
prog893
0
110
rnakamuramartiny
0
980
tsuyo
0
470
am7cinnamon
1
280
Featured
See All Featured
roundedbygravity
84
7.9k
denniskardys
220
120k
chrislema
173
14k
revolveconf
200
9.7k
malarkey
392
61k
philhawksworth
192
8.9k
62gerente
587
200k
marktimemedia
7
440
gr2m
83
11k
keithpitt
402
20k
jlugia
217
16k
sachag
267
17k
Transcript
Reactɺ͍ʂ Aoki Risa 2017.3.25
Reactͱʁ
දࣔʹಛԽͨ͠JSϥΠϒϥϦ • webϖʔδͳͲͰࢲ͕࣮ͨͪࡍʹݟ͍ͯΔը ໘ͷදࣔʹಛԽ • ྫ͑Facebookͷը໘React͕ΘΕ͍ͯ Δදྫ
React͕͍ͱʁ
։ൃεϐʔυ͕͍ʁ
Δͷ͕͍ʁ
ද͕͍ࣔʂʂ
Ͳ͏͍ͯ͠ͷʁ
DOM • ϒϥβͰϖʔδΛݟΔ࣌جຊతʹͭ͘ΒΕΔ • ͜ΕΛͱʹඳը • ͜ΕΛͭ͘Δ͜ͱͰJavaScript͔ΒHTMLͷλάΛ͍͡Δ͜ͱ͕ Ͱ͖Δ https://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/#DOM
ࠓ·Ͱ… • جຊతʹɺड͚औͬͨใΛݩʹຖճDOMΛ ͍͔ͪΒ࡞ͯ͠ϒϥβʹඳըΛߦ͏͜ͱ ͕ଟ͔ͬͨ 表示させなきゃ DOM ใ ͓͍ͦʂ DOM…ϖʔδΛݟΔ࣌ͭ͘ΒΕΔ
ReactͰ... • ใΛड͚औ͍͖ͬͯͳΓDOMΛͭ͘Βͳ͍ • ·ͣԾDOMΛ࡞ ˠԾDOMͷ༰ΛݩʹDOMΛ࡞ ˠϒϥβʹඳը 表示させなきゃ DOM ॳظใ
Ծ DOM DOM…ϖʔδΛݟΔ࣌ͭ͘ΒΕΔ
ԾDOM • ࣮ࡍͷDOMͱରʹͳΔɺԾͷDOM • DOMΑΓ͘࡞Δ͜ͱ͕Ͱ͖ΔΑ͏ʹ w w w ઃܭ͞Ε͍ͯΔ •
͜Ε৽͍͠ใ͕ೖ͖ͬͯͨͱ͖ʹେ͖ͳ ׂΛՌͨ͢ʂ
৽͍͠ใ͕ೖ͖ͬͯͨͱ͖ • ৽͍͠ใΛͱʹ৽͍͠ԾDOMΛ͍͔ͪΒ࡞Δ ˠҰݸલͷԾDOMͱ৽͍͠ͷΛൺֱͯ͠มߋΛΈΔ ˠมߋ͞Εͨͱ͜Ζ͚ͩDOMΛ࠶ߏங͢Δɹ ৽͍͠ Ծ DOM ݹ͍ Ծ
DOM DOM DOM…ϖʔδΛݟΔ࣌ͭ͘ΒΕΔ ͍ʂ ͍ʂ
ൺͯΈΔͱ… DOM ৽͍͠ ใ ैདྷ React ৽͍͠ ใ ৽͍͠ Ծ
DOM DOM ൺֱͯ͠ ͚ࠩͩ ࠶ߏங
·ͱΊ ԾDOMͷ͓͔͛Ͱɺ ReactΛ͔ͭ͑ૣ͘දࣔͰ͖Δʂ
ࢀߟʹͨ͠จݙɾαΠτ https://www.to-r.net/media/react-tutorial01/ https://techacademy.jp/magazine/5638 https://app.codegrid.net/entry/react-1#toc-2 http://blog.livedoor.jp/yo_miz/archives/53540189.html https://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/ #DOM ʰWebσϕϩούʔͷͨΊͷReact։ൃೖ JavaScript UIϥΠϒϥϦͷجຊͱ׆༻ʱ
ࣲాจஶ
͋Γ͕ͱ͏͍͟͝·ͨ͠