Framework
Referensi Cepat React
Cheat sheet siap cetak untuk Referensi Cepat React, disusun untuk pencarian cepat, belajar, dan referensi di meja
Contoh
Isi cheat sheet ini
- Dasar JSX
- Component
- State (useState)
- Effect (useEffect)
- List & Key
- Penanganan Event
- Render Kondisional
- Hook
- Custom Hook
- Context API
Ekspresi & Atribut
const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;
Aturan JSX
{expression} | Sisipkan ekspresi JS apa pun |
className | Gunakan sebagai pengganti `class` |
htmlFor | Gunakan sebagai pengganti `for` |
style={{color: 'red'}} | Inline style sebagai objek |
<Component /> | Tag self-closing wajib digunakan |
<> ... </> | Fragment (tanpa node DOM tambahan) |
Unduh cheat sheet lengkap dengan semua bagian, siap cetak
Unduh PDFUnduhan
Pilih varian yang sesuai dengan cara Anda membaca
-
Direkomendasikan
Standar
Hitam-putih, hemat tinta. Pilihan default untuk printer laser dan fotokopi
Terbaik untuk Cetakan dan referensi di meja
-
Warna
Aksen warna hangat untuk membaca di layar atau printer warna
Terbaik untuk Membaca di layar atau printer warna
-
Kartu Referensi
Kepadatan maksimum, layout 4 kolom. Semua dalam satu halaman
Terbaik untuk Pemindaian cepat dan penggunaan kertas minimum
