0 views
Read
#0
Belajar Remix - Pre-Requisites Skill & Setup Environment
Sebelum menyentuh Remix, kalian perlu menguasai HTML, CSS, dan JavaScript ES6+, dasar React dan hooks, serta konsep web server, REST API, dan form handling. Di episode ini kalian juga menyiapkan Node.js LTS, editor, dan memverifikasi environment Remix.
August 10, 2026
00
Read
#1
Belajar Remix - Sejarah, Latar Belakang & Mengapa Membutuhkan Remix
Episode ini menelusuri sejarah Remix: dari project pribadi Michael Jackson dan Ryan Florence, open source pada 2021, akuisisi Shopify pada 2022, hingga v3 yang menyatu dengan React Router v7. Kalian juga memahami filosofi server-first dan masalah yang diselesaikan Remix dibandingkan SPA murni.
August 10, 2026
00
Read
#2
Belajar Remix - Konsep Dasar & Arsitektur Utama
Episode ini membedah arsitektur Remix: routing berbasis filesystem dengan nested routes, loader dan action sebagai server-side data handler, alur server rendering versus client hydration, serta komponen utama project seperti vite.config, app/routes, dan request lifecycle.
August 10, 2026
00
Read
#3
Belajar Remix - Memulai Proyek Remix
Episode ini praktik langsung: membuat project dengan npx create-remix, memahami struktur folder dan vite.config.ts, menjalankan dev server dengan hot reload, serta mengonfigurasi TypeScript, ESLint, dan Prettier agar project siap dikembangkan.
August 10, 2026
00
Read
#4
Belajar Remix - Routing & Nested Routes
Episode ini membedah routing Remix: pemetaan file route ke URL, nested routing dengan Outlet untuk layout sharing, dynamic routes dan catch-all routes, konvensi route lanjutan, serta navigasi dengan Link dan NavLink.
August 10, 2026
00
Read
#5
Belajar Remix - Data Loading & Actions
Episode ini membedah data loading dan actions di Remix: loader sebagai server-side data handler, form submission dengan action, penggunaan redirect dan cookies, serta deferred data dengan streaming menggunakan defer dan Await.
August 10, 2026
00
Read
#6
Belajar Remix - UI & Component Composition
Episode ini membahas sisi tampilan Remix: membuat komponen React reusable, styling dengan CSS Modules, Tailwind, dan styled-components, interaktivitas client-side, serta cara mengoptimalkan UI yang di-render di server.
August 10, 2026
00
Read
#7
Belajar Remix - Forms & Validation
Episode ini membedah form di Remix: komponen Form untuk submission, validasi server-side dengan feedback di client, rendering error per field, serta progressive enhancement yang membuat form tetap berfungsi tanpa JavaScript.
August 10, 2026
00
Read
#8
Belajar Remix - Configuration & Environment
Episode ini membedah konfigurasi Remix: vite.config.ts sebagai pusat build, environment variables untuk secret dan konfigurasi, pemilihan adapter dan runtime, pengelolaan aset di folder public, serta optimasi build untuk production.
August 10, 2026
00
Read
#9
Belajar Remix - Caching & Performance
Episode ini membahas caching dan performa di Remix: cache headers dengan cache control, data revalidation dan stale-while-revalidate, optimasi gambar dan asset caching, serta monitoring performa dengan Lighthouse.
August 10, 2026
00