テストファーストで考えるReactのコンポーネント設計

Transcript

1. ςετϑΝʔετͰߟ͑Δ Reactͷίϯϙʔωϯτઃܭ 2023.5.18 Ԭా୓ਅ
2. ࠓ೔࿩͢͜ͱ • ୯ମςετͷ͠΍͢͞ͰReactͷίϯϙʔωϯτΛߟ͑ͯΈͨ
3. ࿩͞ͳ͍͜ͱ • ୯ମςετͷॻ͖ํ • Reactͷॻ͖ํ
4. Reactͷίϯϙʔωϯτઃܭͷ೉͠͞ • ϩδοΫͱඳը͕ࠞࡏ • ϩδοΫͱඳըϩδοΫͷڥք͕ᐆດ
5. ࣮ࢪ͢Δ୯ମςετ • ؔ਺ͷςετʢϨϯμϦϯάΛؚ·ͳ͍ʣ • ίϯϙʔωϯτͷςετ • ঢ়ଶ؅ཧͷςετ
6. αϯϓϧΞϓϦ
7. ׂΓצΛܭࢉ͢Δ
9. ؔ਺ͷςετ
10. ׂΓצ͢Δॲཧ
11. ׂΓצ͢Δॲཧ
12. ίϯϙʔωϯτͷςετ
13. ϝϯόʔͷ৘ใΛදࣔ͢Δ ɹ
14. ϝϯόʔͷ৘ใΛදࣔ͢Δ
15. ঢ়ଶ؅ཧͷςετ
16. ֹۚϦετͷঢ়ଶΛ؅ཧ͢Δ
17. components ίϯϙʔωϯτஔ͖৔ ςετཁૉ ɾཁૉ ɾΠϯλϥΫγϣϯ ɾදࣔ಺༰ ɾϨΠΞ΢τ/σβΠϯ
18. ɹhooks ΧελϜϑοΫஔ͖৔ ςετཁૉ ɾঢ়ଶ؅ཧ
19. lib ؔ਺ஔ͖৔ ςετཁૉ ɾظ଴ͨ͠ॲཧ͔
20. App ֤ϞδϡʔϧΛ݁߹ ςετཁૉ ɾ݁߹ςετʢҰ࿈ͷػೳɺϨΠΞ ΢τʣ
21. ·ͱΊ • ςετΛҙࣝ͢Δ͜ͱͰɺϞδϡʔϧͷ੹຿͕໌֬ʹͳͬͨ • ԿΛςετ͢Δ͔͕େࣄ • ݁߹͢Δ৔ॴΛ͸͖ͬΓͤ͞ͳ͍ͱΧΦεʹͳΓ͕ͪ ιʔείʔυ͸ͪ͜Β