Panduan Template, Frontend, UI, dan Web Development

Lelah menulis Media Query @media berkali-kali hanya untuk mengecilkan ukuran teks H1 di layar HP? Ada sihir matematika di CSS modern untuk ini.

Melihat simbol di kode TypeScript milik Senior membuat pemula sering panik. Padahal, Generics adalah fitur paling hebat untuk membuat kode serbaguna.

Menulis form HTML, membuat API Route di backend, lalu menggunakan fetch() untuk mengirim data. Alur kuno itu kini dihancurkan oleh React Server Actions.

Media Queries mengatur tampilan berdasarkan lebar layar HP atau Laptop. Container Queries mengubah segalanya dengan mengatur tampilan berdasarkan lebar wadahnya.

Jangan paksa pengunjung mendownload ratusan baris kode halaman Profil, padahal mereka saat ini sedang berada di halaman Beranda. Gunakan fitur Code Splitting.

Sama-sama digunakan untuk melakukan perulangan pada Array, tapi yang satu mengembalikan data baru, sedangkan yang satunya tidak. Kapan harus memakainya?

Kamu butuh warna hex yang spesifik atau jarak persis 13px, tapi kelas utilitas Tailwind tidak menyediakannya? Jangan buru-buru buka file CSS murni!

Jika file komponen React-mu sudah mencapai 500 baris karena penuh dengan useEffect dan useState, saatnya kamu berkenalan dengan Custom Hooks.

Selama bertahun-tahun Frontend Developer mengandalkan SASS untuk fitur Nesting. Kini, kemampuan sihir itu sudah tertanam resmi di dalam CSS murni.