Peraturan React

Sama seperti bahasa pemrograman lain yang memiliki cara tersendiri untuk mengekspresikan konsep, React memiliki idiom atau aturannya sendiri untuk menulis pola dengan cara yang mudah dipahami dan menghasilkan aplikasi berkualitas tinggi.


Catatan

Untuk mempelajari lebih lanjut tentang mengekspresikan antarmuka dengan React, kami sarankan untuk membaca Cara Berpikir dengan React.

Bagian ini menjelaskan peraturan yang perlu Anda ikuti untuk menulis kode React yang idiomatis. Menulis kode React yang idiomatis dapat membantu Anda menulis aplikasi yang terorganisisasi dengan baik, aman, dan dapat disusun. Hal ini membuat aplikasi Anda lebih tahan terhadap perubahan dan memudahkan bekerja dengan pengembang, pustaka (library), dan alat lain.

Peraturan ini dikenal sebagai Peraturan React. Ini adalah aturan, bukan sekadar pedoman, yang dalam artian jika peraturan tersebut dilanggar, kemungkinan besar aplikasi Anda memiliki bug. Kode Anda juga menjadi tidak idiomatis dan lebih sulit untuk dipahami dan dipikirkan.

Kami sangat merekomendasikan penggunaan Strict Mode bersama dengan plugin ESLint untuk React, untuk membantu basis kode (codebase) Anda mematuhi Peraturan React. Dengan mengikuti Peraturan React, Anda akan dapat menemukan dan mengatasi bug ini dan menjaga aplikasi Anda tetap dapat dipelihara.


Komponen dan Hooks harus murni

Kemurnian dalam Komponen dan Hooks adalah peraturan utama React yang membuat aplikasi Anda dapat diprediksi, mudah di-debug, dan memungkinkan React mengoptimalkan kode Anda secara otomatis.


React memanggil Komponen dan Hooks

React bertanggung jawab untuk me-render komponen-komponen dan hooks bila diperlukan untuk mengoptimalkan pengalaman pengguna. React bersifat deklaratif: Anda memberi tahu React apa yang akan di-render dalam logika komponen Anda, dan React akan menentukan cara terbaik untuk menampilkannya kepada pengguna Anda.


Peraturan Hooks

Meskipun Hooks ditulis menggunakan fungsi JavaScript, mereka memiliki fungsi khusus sebagai logika antarmuka yang dapat digunakan kembali. Namun, ada batasan terkait saat Anda bisa menggunakan Hook. Anda perlu mematuhi Peraturan Hooks saat menggunakannya.