Tutorial Paling Mudah Belajar Remix React

Tutorial Paling Mudah Belajar Remix React

Kali ini kita akan membahas satu framework React.js yang sedang hype, Remix. Ini adalah framework yang dibuat oleh creator React-Router. Remix ini juga sempat menghebohkan Javascript Enthusiast dengan berita kalau mereka di akuisisi raksasa e-commerce Shopify.

Salah satu ciri khas Remix ini terletak dimana memang dibuat untuk dipakai sebagai framework fullstack. Jadi remix dihubungkan dengan berbagai macam database baik Mysql dan No-Sql. Tetapi pada tutorial kali ini kita akan fokus untuk menguasai Remix, jadi di projek ini kita hanya akan menggunakan file JSON sebagai databasenya.

Berikut apa-apa saja yang akan kita bahas di tutorial kali ini.

Introduction & Preparation

  1. Introduction Remix
  2. Cara Bekerja Remix Di Frontend Dan Backend
  3. Preparation To Remix.js

Beberapa-Hal Yang Perlu Kamu Ketahui

  1. Bedah Remix Structure Project
  2. Remix Routing
  3. Menggunakan component Link
  4. Menambahkan CSS Eksternal Ke Dalam Project Remix

Digging Deeper, Membuat Projek Aplikasi Note

  1. Penjelasan Projek
  2. Menambahkan Style CSS Pada Projek
  3. Membuat Halaman Home, Create dan Detail
  4. Membuat Component Create Form
  5. Membuat class storage JSON
  6. Menggunakan action Untuk Menghandle Form
  7. Memunculkan Data Notes Tersimpan menggunakan loader
  8. Membuat Halaman Detail Dengan Dynamic Route

One Step Ahead, Menambah Fitur SPA Validasi, Handling Error dan Meta Data

  1. Melakukan Submit Tanpa Mereload Halaman (SPA)
  2. Melengkapi Form Dengan Fungsi Validasi
  3. Mengatur Meta Data Halaman
  4. Next Step?
Close

Silahkan Login/Sign Up

😞 Discord eklusif buat member asinkron.com

Jangan khawatir silahkan Daftar GRATIS 😎

*Link discord akan dikirim ke email yang anda gunakan untuk mendaftar.