Reza Daulay - Asinkron - Belajar Full Stack Javascript

Sign in Subscribe

Reza Daulay

Founder Asinkron Indonesia. Senior Full Stack Web Developer, specialize in Javascript.

Dua Cara Memanggil File Asset Gambar Di React.js

Dua Cara Memanggil File Asset Gambar Di React.js

Topik ini memang umum ditanyakan, khususnya buat programmer yang baru terjun ke react.js.

Memahami Fungsi Clean Up UseEffect Dengan Kasus Nyata

Memahami Fungsi Clean Up UseEffect Dengan Kasus Nyata

Dengan memanfaatkan fungsi clean up kita dapat mengoptimasi aplikasi kita

Pahami Konsep Dan Beda Synchronous vs Asynchronous

Pahami Konsep Dan Beda Synchronous vs Asynchronous

Kita akan menggunakan contoh di dunia nyata biar lebih mudah memahaminya.

3 Cara Membuat Kondisional Class CSS di React.js

3 Cara Membuat Kondisional Class CSS di React.js

Seringkali kita perlu membuat beberapa class dengan beberapa kondisi di satu element, di react.js sendiri tidak ada fungsi khusus untuk melakukan ini. Kalian dapat menggunakan 3 cara ini untuk membuat class sesuai dengan kondisi yang dibutuhkan.

Fitur Penting Buat Client Tapi Sering Dilewatkan Programmer React.js

Fitur Penting Buat Client Tapi Sering Dilewatkan Programmer React.js

coba kalian tanyakan ke client kalian pasti kebanyakan mereka merasa memerlukan fitur ini

Next Step?

Selamat kalian telah berhasil melewati satu tahap untuk menjadi master Remix, nah apa ni selanjutnya? Masih banyak fitur-fitur dari Remix yang bisa kita explore. Kalau ide mimin sih di pembahasan selanjutnya inginnya membuat projek blog menggunakan MongoDB dan Prisma ORM, lengkap dengan User Authentication. Jika kalian setuju atau ada ide

Mengatur Meta Data Halaman

Melengkapi Form Dengan Fungsi Validasi

Melakukan Submit Tanpa Mereload Halaman (SPA)

Membuat Halaman Detail Dengan Dynamic Route

Memunculkan Data Notes Tersimpan menggunakan Loader

Menggunakan Action Untuk Menghandle Form

Membuat Class Storage JSON

Membuat component Create Form

Membuat Halaman Home, Create dan Detail

Menambahkan Style CSS Pada Projek

Digging Deeper: Penjelasan Projek

Menambahkan CSS Eksternal Ke Dalam Project Remix

Ketika membangun website atau aplikasi pastinya kita akan menggunakan css, dan sebaiknya css dibuat terpisah agar lebih optimal dan efisien. Berikut cara menambahkan file css eksternal ke dalama projek Remix, pada contoh kali ini kita akan menambahkan app.css kedalam projek. 1. Tambahkan folder app/styles dan buat file css

Mengenal Component Link

Setelah sebelumnya kita berhasil membuat 2 halaman baru, yaitu about dan about/team sekarang kita akan menggunakan component Link untuk navigasi halaman, secara fungsi Link sama dengan tag di html, yang membedakan adalah kita dapat berpindah halaman tanpa reload seluruh halaman menggunakan Link, menjadikan web kita SPA (Single Page App)

Remix Routing

File Based Routing Sebelumnya telah kita bahas jika di folder route kita dapat mendifinisikan halaman-halaman dan sub-halaman di dalam aplikasi kita. Halaman-halaman bisa kita definisikan dalam bentuk file atau folder, biar lebih paham mari kita praktekkan. Buat file bernama about-us.jsx di dalam folder app/routes, lalu isi dengan code

Bedah Remix Structure Project

package.json Berisi segala dependency yang terinstal di projek ini. remix.config.js Kita bisa mengatur berbagai macam pengaturan projek remix disini, kalian akan lebih paham penggunaannya jika terus mengikuti tutorial ini sampai selesai. Untuk dokumentasi lengkapnya bisa kalian cek disini https://remix.run/docs/en/main/file-conventions/remix-config Folder

Preparation To Remix.js

Pastikan Kalian Sudah Menguasai Hal Berikut * Pengetahuan basic React.js. * Tetapi, tidak wajib memiliki pengetahuan soal Remix. Jika kalian merasa belum memiliki pengetahuan basic soal React.js, saya sarankan kalia menyelesaikan tutorial React.js Dasar Kami. Setup Projek Remix 1. Pastikan kalian sudah menginstal node.js, jika belum bisa cek

Cara Remix Bekerja Di Frontend Dan Backend

Remix memiliki function utama loader, action dan default component. 1. Loader dan Action akan berjalan di balik layar (server side) tanpa muncul di sisi user atau frontend. 2. Yang akan di render dibrowser hanya export default dari komponen/route itu sendiri saja. Mari kita ambil contoh, kita akan membuat satu

Introduction Remix

What is Remix Remix adalah framework fullstack javascript yang dibangun diatas React.js library. Remix masih terbilang baru, tetapi merupakan alternatif (jika tidak ingin dikatakan penantang) dari Next.js. Tidak main-main, pengembangan Remix sekarang di backup oleh Shopify. Remix vs Next.js Beberapa perbedaan utama Remix dan Next.js: 1.

Event Mouse Di Javascript Yang Kalian Wajib Tahu

Javascript Event

Event Mouse Di Javascript Yang Kalian Wajib Tahu

Fungsi Event Mouse 1. Untuk Respons Interaktif: Memunculkan pesan, mengubah tampilan, atau menampilkan informasi saat pengguna melakukan sesuatu. 2. Memperkuat User Experience: Membuat web lebih dinamis dengan menambahkan fungsi event, memberikan konten tambahan tanpa harus memuat ulang halaman. 3. Fleksibilitas di Desain: Dapat mengubah gaya atau properti elemen. Event Mouse