Higher-Order Components & Render Props

ทั้งหมดทำหน้าที่แก้ปัญหา cross cutting concern แยกส่วนโค้ดที่ซับซ้อนไปอยู่ในที่เดียว

1.ยุบแยกไปทำ new components

2.HOC(Higher Order Component) – logic ซ้ำๆกัน ย้ายไปทำในนี้ โยน Component เข้าไป ได้ Component เดิม เพิ่มเติมคือมี logic พิเศษเพิ่มขึ้นมา เช่น Redux ก็จะได้ความสามารถเข้าถึง store

3.renderProps – พวก Form ที่ใช้ซ้ำๆกัน

Related posts:

This entry was posted in nextjs, react. Bookmark the permalink.