React Fire - Speaker Deck

React Fire

by Kodai Nakamura

Slide 1

Slide 1 text

෼ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB

Slide 2

Slide 2 text

෼ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB

Slide 3

Slide 3 text

෼ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB ͸Θ͔Βͳ͍

Slide 4

Slide 4 text

෼ͰΘ͔Δ3FBDU'JSF .FHVSPFT,PEBJ/BLBNVSB ͳΜͱͳ͘Θ͔Δ

Slide 5

Slide 5 text

,PEBJ/BLBNVSB (JUIVC!LEOL 5XJUUFS!LEOL@@ 4PGUXBSF&OHJOFFSBU8BOUFEMZ JOD /FX(SBET +BWB4DSJQU 5ZQF4DSJQU 3FBDU

Slide 6

Slide 6 text

‣ 3FBDU%0.ͷۙ୅Խ ‣ ͬ͘͟Γݴ͏ͱෛ࠴ฦࡁ ‣ ͳʹ͔৽͍͠ػೳ͕௥Ճ͞ΕΔΘ͚Ͱ͸ͳ͍ ‣ ࣍ͷϝδϟʔϦϦʔεʹೖΔ 3FBDU'JSFʁ

Slide 7

Slide 7 text

‣ 4UPQSFqFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ "UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ .JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZpMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ %SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣ DMBTT/BNFˠDMBTT 3FBDU'JSF 3FBDU'JSFͷ਌JTTVFIUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT

Slide 8

Slide 8 text

Slide 9

Slide 9 text

4UPQSFGMFDUJOHJOQVUWBMVFTJOUIFWBMVFBUUSJCVUF ‣ AWBMVFABUUSJCVUF΁ͷ൓өΛ΍ΊΔ ‣ QSPQFSUZͱBUUSJCVUF͸ҧ͏΋ͷ ‣ QSPQFSUZ+4ͷੈքͷਓ ‣ BUUSJCVUF)5.-ͷੈքͷਓ ‣ OBUJWFͰ͸ɺϑΥʔϜ΁ೖྗͨ͠ͱ͖͸QSPQFSUZͷΈʹ൓ө͞ΕΔ ‣ 3FBDU΋͜ͷڍಈʹ߹ΘͤΔ΂͖ ‣ ͜Ε͕ݪҼͰى͜Δόά΋ଟ͍

Slide 10

Slide 10 text

Slide 11

Slide 11 text

"UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU ‣ 3FBDUͷΠϕϯτ͸EPDVNFOUʹ௥Ճ͞ΕΔ ‣ ͚ͩͲɺ3FBDUͷ%0.Πϕϯτ͕ൃՐ͢Δͷ͸OBUJWFͷ%0.Πϕϯτͷ CVCCMJOH͕ऴΘͬͨ͋ͱ ‣ 3FBDU͚ͩͷΞϓϦέʔγϣϯͳΒ໰୊ͳ͍͚Ͳɺ͋ͱ͔Β3FBDUΛಋೖͨ͠৔߹ ʹ໰୊ʹͳΔ͜ͱ͕͋Δ ‣ OBUJWFଆͰAFWFOUTUPQ1SPQBHBUJPOA͞Ε͍ͯͨΒɺ3FBDUଆͷΠϕϯτ͸ൃՐ͠ ͳ͍

Slide 12

Slide 12 text

"UUBDIFWFOUTBUUIF3FBDUSPPUSBUIFSUIBOUIFEPDVNFOU https://github.com/facebook/react/issues/8693

Slide 13

Slide 13 text

Slide 14

Slide 14 text

.JHSBUFGSPNPO$IBOHFUPPO*OQVUBOEEPO`UQPMZGJMMJUGPS VODPOUSPMMFEDPNQPOFOUT ‣ PO$IBOHF͸໊͍͍લɻ3FBDUΛ࢝Ίͨ͹͔Γͷͻͱʹͱͬͯ͸Θ͔Γ΍͍͢ ‣ ͚ͲɺJOQVUΠϕϯτͳͷʹPO$IBOHF͸มˠPO*OQVU ‣ DPOUSPMMFEDPNQPOFOU ‣ PO*OQVU͸͍·ͷPO$IBOHFͱಉ͡ৼΔ෣͍ʹ ‣ ୈ̎Ҿ਺ʹWBMVFΛ౉͢Α͏ʹͳΔ ‣ ཧ૝తʹ͸ɺFWFOUUBSHFUWBMVFΛফ͠ڈΓ͍ͨ ‣ PO$IBOHF͸ඇਪ঑ʹ ‣ VODPOUSPMMFEDPNQPOFOU ‣ ϒϥ΢βͱಉ͡Α͏ʹಈ͘

Slide 15

Slide 15 text

Slide 16

Slide 16 text

%SBTUJDBMMZTJNQMJGZUIFFWFOUTZTUFN ‣ Πϕϯτͷ࣮૷͸೥͔ΒมΘͬͯͳ͍ ‣ QPMZpMM΋͋Δ͚ͲɺϞμϯϒϥ΢βʹ͸΄ͱΜͲෆཁ ‣ ͜ͷ͍ͤͰ3FBDU%0.ͷόϯυϧαΠζ͕େ͖͍ ‣ ಠࣗͷΠϕϯτγεςϜΛͳΔ΂͘%0.Πϕϯτʹ͚ۙͮΔ

Slide 17

Slide 17 text

Slide 18

Slide 18 text

DMBTT/BNFˠDMBTT ‣ 3FBDU$PNQPOFOU͸+4ͷ׳शʹै͏΂͖ ‣ +4ʹ͸ɺDMBTT໊Λऔಘ͢ΔͨΊͷɺAOPEFDMBTT/BNFAͱ͍͏1SPQFSUZ͕͋Δ ‣ ͚Ͳɺ3FBDUͷ࣮૷Ͱ͸ɺ ͷྫ֎Λআ͍ͯQSPQFSUZ͕࢖ΘΕ͍ͯΔ ‣ ҙਤతʹҰ؏ͯ͠ͳ͍΋ͷ΋͋Δ ‣ APODMJDLAWTAPO$MJDLA ‣ BUUSJCVUF͚ͩ࢖͏Θ͚ʹ΋͍͔ͳ͍ ‣ UBCJOEFYͷ΄͏͕ਖ਼͍͚͠ͲɺUBC*OEFYͷ΄͏͕+4ͬΆ͍ ‣ DMBTT/BNF͸QSPQFSUZ DMBTT͸BUUSJCVUF ‣ Ͳͬͪ΋+4ͬΆ͍

Slide 19

Slide 19 text

ؔ࿈JTTVFT ‣ 3FBDU'JSF.PEFSOJ[JOH3FBDU%0. ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ WBMVFBUUSJCVUF ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ EPDVNFOUFWFOU ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ PO$IBOHFˠPO*OQVU ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ &WFOU4ZTUFN ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ DMBTT/BNFˠDMBTT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT ‣ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFTJTTVFDPNNFOU