remix#1 - Asinkron - Belajar React Bahasa Indonesia

Sign in Subscribe

remix#1

A collection of 19 posts

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.