frontend

jujur, dulu saya pikir React itu ribet, tapi begitu paham konsep component, semuanya jadi klik. kalau sebelumnya saya bikin halaman panjang satu file, sekarang tiap bagian kecil saya pecah jadi component yang bisa dipakai ulang. di artikel ini kalian akan bikin component pertama, main props, dan nyusun komposisi yang menurut saya paling enak dibaca. kalau JavaScript dasarnya masih goyang, mampir dulu ke array methods map filter reduce dan , biar tidak kaget pas ketemu map dan useState.

dark mode adalah fitur kecil yang sering membuat perbedaan besar bagi kenyamanan pengguna, dan saya sendiri lebih sering memakainya daripada mode terang. pola di artikel ini, CSS variables plus localStorage, adalah yang selalu saya pakai di project, dan bagian terpentingnya: preferensi tema harus tersimpan supaya pengguna tidak perlu memilih ulang setiap kunjungan.

kita akan bahas dari cara paling sederhana sampai pola yang siap produksi: mencegah flash halaman terang saat load, mengikuti tema sistem operasi, dan versi Tailwind CSS untuk kalian yang sudah memakainya.

perbedaan kecepatannya langsung terasa begitu saya beralih dari Laravel Mix ke Vite, build yang tadinya puluhan detik jadi hitungan detik, dan HMR (hot module replacement) membuat ngoding frontend jauh lebih nyaman karena perubahan langsung tampil tanpa refresh browser manual. setup awalnya tidak rumit, dan di artikel ini saya pandu langkah demi langkahnya dari nol sampai build production.

kita akan bahas konfigurasi default yang sudah disediakan Laravel, cara memahami vite.config.js, integrasi React dan Vue, sampai masalah yang paling sering bikin artikel ini dicari orang: error Vite manifest not found.

Dark mode bukan lagi fitur tambahan — hampir semua aplikasi dan website modern punya tombol untuk berpindah tema terang dan gelap. Sejak Bootstrap 5.3, fitur ini resmi tersedia tanpa plugin tambahan lewat mekanisme yang disebut color mode.

Kalau kamu baru mulai belajar bikin website, HTML adalah titik awalnya. Hampir semua yang kamu lihat di browser — artikel ini, tombol, gambar, link — dibangun di atas HTML.

Setelah bisa bikin halaman dengan HTML dan CSS dasar, hal berikutnya yang paling sering ditanyakan adalah: gimana caranya menyusun elemen supaya rapi dan responsif? Di sinilah Flexbox dan Grid berperan.

Cara Membuat Form dengan Vue JS biasanya dibutuhkan untuk input data berupa text string ataupun boolean data bisa untuk kebutuhan login, registrasi, authentication dan melakukan validasi rule form di vue js kemudian menampilkan data nya di vue js selain itu mengirimkannya ke rest api melalui axios.

Halo teman-teman semua kali ini saya mau share cara membuat link atau URL di Vue js. yang kita gunakan adalah untuk membuat router dengan library Vue Router, dengan vue router kita bisa melakukan navigasi pindah halaman dengan URL (Uniform Resource Locator) atau URI (Uniform Resource Locator).

Pada kesempatan kali saya mau share cara install Vue CLI (Command Line Interface) untuk membuat web, tujuannya dari Vue js dengan CLI adalah untuk memudahkan proses development seperti menggunakan plugin atau library yang lain di javascript dari npm, selain itu vue CLI akan mem-bundling semua file project seperti javascriptnya, CSS, beserta HTML menjadi satu file dan di compile dalam satu folder project yang menjadi single page application.