React Hooks公開から1年で得られた知見

by soso

Slide 1

Slide 1 text

3FBDU)PPLTެ։͔Β̍೥ͰಘΒΕͨ஌ݟ

Slide 2

Slide 2 text

ϓϩϑΟʔϧ ੢ଜ૘ʢχγϜϥι΢ʣ wϑϩϯτΤϯυΤϯδχΞ εΩϧ w5ZQF4DSJQU w3FBDU w3FBDU/BUJWF w"84 झຯ wғޟ

Slide 3

Slide 3 text

ΞδΣϯμ w3FBDU)PPLT֓ཁ w(FNDPPLͷίϯϙʔωϯτͱ)PPLTͷྺ࢙ w·ͱΊ

Slide 4

Slide 4 text

3FBDU)PPLT֓ཁ

Slide 5

Slide 5 text

3FBDU)PPLTͱ͸ʁ w3FBDUҎ߱Ͱར༻Մೳ wؔ਺ίϯϙʔωϯτͰར༻Մೳͳ"1*Λఏڙ

Slide 6

Slide 6 text

ͳͥؔ਺ίϯϙʔωϯτͳͷ͔ʁ w͔͠͠ɺ)PPLTొ৔Ҏલ͸TUBUFΛ࣋ͭ͜ͱ͕Ͱ͖ͳ͔ͬͨ wΫϥείϯϙʔωϯτ͸$MBTTߏจ͕ඞཁͳͨΊɺෳࡶʹͳΓ͕ͪ wؔ਺ίϯϙʔωϯτ͸ͦͷ··ؔ਺ͳͷͰɺඇৗʹγϯϓϧ wUIJT΍CJOEͳͲɺಠಛͳߏจΛҙࣝ͠ͳ͍ͱ͍͚ͳ͍

Slide 7

Slide 7 text

3FBDU)PPLTͷϝϦοτ w)PPLTͷొ৔Ͱؔ਺ίϯϙʔωϯτ͕ߴػೳʹ wؔ਺ίϯϙʔωϯτͰݟ௨͠ͷྑ͍ίʔυ͕ॻ͚Δ wίϯϙʔωϯτؒͷϩδοΫΛ࠶ར༻Ͱ͖Δ wෳࡶʹͳΓ͕ͪͳϥΠϑαΠΫϧΠϕϯτ΋࠶ར༻Մ w6*ͱϩδοΫΛ੾Γ෼͚Δ͜ͱ͕Մೳ

Slide 8

Slide 8 text

جຊతͳ)PPL wVTF4UBUF wίϯϙʔωϯτʹঢ়ଶΛ෇༩͢Δ wVTF&⒎FDU wϥΠϑαΠΫϧΠϕϯτͷ؅ཧ wVTF$POUFYU wίϯςΩετͷ஋Λࢀর

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

(FNDPPLͷίϯϙʔωϯτͱ)PPLTͷྺ࢙

Slide 11

Slide 11 text

(FNDPPLͷίϯϙʔωϯτͷྺ࢙ Ϋϥείϯϙʔωϯτ ؔ਺ίϯϙʔωϯτ3FDPNQPTF ؔ਺ίϯϙʔωϯτ)PPLT

Slide 12

Slide 12 text

3FDPNQPTFͷ࠾༻ w3FDPNQPTF͸ؔ਺ίϯϙʔωϯτʹঢ়ଶͷ෇༩΍ɺ ϥΠϑαΠΫϧͷ࣮ߦͳͲͷػೳΛ༩͑Δ)0$ϥΠϒϥϦ w3FDPNQPTFͷ࠾༻ʹΑͬͯɺΫϥείϯϙʔωϯτΛ ɹॻ͘ඞཁ͕ແ͘ͳͬͨʂ

Slide 13

Slide 13 text

3FDPNQPTFͷਏ͍ॴ w3FDPNQPTF͸)0$Λଟ༻͢ΔͨΊɺίϯϙʔωϯτͷ ɹ֊૚͕ෳࡶԽ͠ɺσόοά͕΍Γʹ͘͘ͳͬͨ wίϯϙʔωϯτʹͭTUBUFΛఆٛ͢Δ͚ͩͰ΋)0$Λ ɹ࢖͏ඞཁ͕͋ΓɺίϯϙʔωϯτͷෳࡶԽ͕ਐΜͩ

Slide 14

Slide 14 text

)PPLTͷొ৔ w)PPLTΛ࢖༻ͯ͠ɺΧελϜϑοΫΛ࡞੒͢Δ͜ͱͰ ɹίϯϙʔωϯτ಺ͷϩδοΫ͕࠶ར༻Ͱ͖ΔΑ͏ʹͳͬͨ wTUBUFͷ؅ཧʹ)0$Λ࢖͏ඞཁ͕ͳ͘ͳΓɺ ɹγϯϓϧͳίϯϙʔωϯτͷߏ੒ʹͰ͖ͨ wQSPQTͷόέπϦϨʔͷ࡟ݮ

Slide 15

Slide 15 text

͜Ε͔Βͷ)PPLT w)PPLTҎલ͸ίϯϙʔωϯτΛ࠶ར༻͍ͯͨ͠ w)PPLTҎ߱͸ϩδοΫΧελϜϑοΫΛ࠶ར༻Ͱ͖Δ wίϯϙʔωϯτͷϩδοΫͷΈΛڞ௨ԽͰ͖Δ wΧελϜϑοΫΛఏڙ͢ΔϥΠϒϥϦ͕ओྲྀʹ

Slide 16

Slide 16 text

)PPLTΛ༻͍ͨϥΠϒϥϦୡ wSFBDUVTF wελʔ਺ສ௒͑ͷ)PPLTϥΠϒϥϦ wSFBDUUBCMF w7FSҎ͔߱Β)PPLTରԠͨ͠ςʔϒϧϥΠϒϥϦ w'PSNJL w7FSҎ͔߱Β)PPLTରԠͨ͠ϑΥʔϜϥΠϒϥϦ

Slide 17

Slide 17 text

·ͱΊ

Slide 18

Slide 18 text

ࠓ೔ͷ·ͱΊ w)PPLTͷొ৔Ͱؔ਺ίϯϙʔωϯτ͕ओྲྀʹͳͬͨ w)PPLTΛ࢖༻͢Δ͜ͱͰίϯϙʔωϯτؒͷϩδοΫΛ ɹڞ௨ԽͰ͖Δ w͜Ε͔Β͸ΧελϜϑοΫΛఏڙ͢ΔϥΠϒϥϦ͕ओྲྀʹ