ReactJS - Praktik Terbaik
Di bab ini, kami akan mencantumkan praktik terbaik, metode, dan teknik React yang akan membantu kami tetap konsisten selama pengembangan aplikasi.
State- Negara harus dihindari sebisa mungkin. Ini adalah praktik yang baik untuk memusatkan negara dan menyebarkannya ke pohon komponen sebagai alat peraga. Setiap kali kita memiliki sekelompok komponen yang membutuhkan data yang sama, kita harus menetapkan elemen kontainer di sekitarnya yang akan menampung status. Pola fluks adalah cara yang bagus untuk menangani keadaan di aplikasi React.
PropTypes- PropTypes harus selalu ditentukan. Ini akan membantu melacak semua alat peraga di aplikasi dan juga akan berguna untuk pengembang mana pun yang mengerjakan proyek yang sama.
Render- Sebagian besar logika aplikasi harus dipindahkan di dalam metode render. Kita harus mencoba meminimalkan logika dalam metode siklus hidup komponen dan memindahkan logika tersebut dalam metode render. Semakin sedikit state dan props yang kita gunakan, semakin bersih kodenya. Kita harus selalu membuat negara sesederhana mungkin. Jika kita perlu menghitung sesuatu dari state atau props, kita bisa melakukannya di dalam metode render.
Composition- Tim React menyarankan untuk menggunakan prinsip tanggung jawab tunggal. Ini berarti bahwa satu komponen hanya bertanggung jawab untuk satu fungsi. Jika beberapa komponen memiliki lebih dari satu fungsionalitas, kita harus melakukan refactor dan membuat komponen baru untuk setiap fungsionalitas.
Higher Order Components (HOC)- Versi React sebelumnya menawarkan mixin untuk menangani fungsi yang dapat digunakan kembali. Karena mixin sekarang sudah tidak digunakan lagi, salah satu solusinya adalah menggunakan HOC.