eBook ini berjudul “FullStack Developer dengan Rust dan React” dan dibuat khusus untuk para developer pemula yang ingin menguasai skill FullStack Development menggunakan dua teknologi modern yang kuat dan semakin populer, yaitu Rust di sisi backend dan React + TypeScript di sisi frontend.
Rust adalah bahasa pemrograman modern yang dikenal dengan performa tinggi, keamanan memori tanpa garbage collector, serta reliabilitas yang sangat baik. Rust sangat cocok digunakan untuk membangun backend API yang cepat, aman, dan stabil, termasuk untuk kebutuhan aplikasi berskala besar dan production-ready.
Dalam eBook ini, Rust akan digunakan bersama Axum, framework web modern yang ringan dan fleksibel, serta SQLx untuk berinteraksi dengan database secara aman dan terstruktur.
Di sisi frontend, kita akan menggunakan React dengan TypeScript untuk membangun antarmuka pengguna yang interaktif. TypeScript membantu menjaga kualitas kode dengan sistem pengetikan statis, sehingga sangat cocok untuk pengembangan aplikasi jangka panjang.
Untuk pengelolaan data dari API, kita akan memanfaatkan TanStack Query, library yang powerful untuk data fetching, caching, dan state synchronization, sehingga integrasi antara frontend dan backend menjadi lebih efisien dan terstruktur.
Berikut ini adalah daftar materi yang akan kita pelajari secara bertahap dan sistematis:
- Pengenalan dan Fundamental Rust (Prasyarat)
- Setup Project Backend Rust
- Struktur Folder dan Arsitektur Backend
- Live Reload Backend Rust untuk Development
- Pengenalan Axum sebagai Web Framework
- Konfigurasi Environment dan Config Aplikasi
- Koneksi Database dengan SQLx
- Database Migration Menggunakan SQLx
- Membuat Response API yang Konsisten
- Membuat Schema (Register, Login, User)
- Validasi Request Menggunakan Validator
- Hashing Password dengan Bcrypt
- Autentikasi Menggunakan JWT (JSON Web Token)
- Membuat Middleware JWT
- Membangun RESTful API Authentication (Register & Login)
- Membangun RESTful API CRUD User (Create, Read, Update, Delete)
- Proteksi Endpoint dengan Middleware Auth
- Konfigurasi CORS
- Instalasi dan Setup Project React + TypeScript
- Integrasi Backend API ke Frontend
- Autentikasi di Frontend
- Manajemen State dan Fetching Data dengan TanStack Query
- Routing Menggunakan React Router
- CRUD Data User dari Frontend
- Studi Kasus Integrasi FullStack (Backend + Frontend)
Semoga dengan hadirnya eBook ini, teman-teman dapat memahami alur pengembangan aplikasi FullStack secara utuh, mulai dari setup backend Rust yang profesional, pengelolaan database dengan migration, live reload saat development, hingga integrasi frontend modern.
Terima kasih
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
loading="lazy"
>
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="Rust"
loading="lazy">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="React Js"
loading="lazy">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="TypeScript"
loading="lazy">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="Home"
loading="lazy"
@click="showModal = true">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="Users Index"
loading="lazy"
@click="showModal = true">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="Login"
loading="lazy"
@click="showModal = true">
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-12 h-12 rounded-full object-cover border-2 border-white dark:border-neutral-700/80 shadow-sm transition-all duration-500 group-hover:scale-105"
loading="lazy"
/>