Logo
© 2019 - 2026 SantriKoding.
GRATIS
FullStack Developer dengan Rust dan React
Pemula

FullStack Developer dengan Rust dan React

5.0 (12 ulasan)
1196 members
Gratis

TENTANG


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

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Prasyarat
Prasyarat Backend (Rust)
Prasyarat Frontend (React)
Installasi & Persiapan Backend (Rust)
Installasi Rust
Membuat Project Rust
Konfigurasi Live Reload Rust
Installasi Dependency
Konfigurasi File .env
Database
Konfigurasi Database
Membuat Model dan Migration User
JWT (JSON Web Token)
Apa itu JWT?
Membuat Helpers JWT
Membuat Helper API Response
Membuat Middleware JWT
RESTful API Auth
Membuat Schema Register
Membuat RESTful API untuk Register
Membuat Schema Login
Membuat RESTful API untuk Login
RESTful API Users
Membuat RESTful API Get Data Users
Membuat Schema User Store Request
Membuat RESTful API Insert Data User
Membuat RESTful API Get Data User By ID
Membuat Schema User Update Request
Membuat RESTful API Update Data User
Membuat RESTful API Delete Data User
Konfigurasi CORS
Installasi & Persiapan Frontend (React)
Membuat Project React (TypeScript)
Install Library Pendukung
Konfigurasi Endpoint API Backend
Integrasi Bootstrap
TanStack Query
Apa itu TanStack Query ?
Install dan Konfigurasi TanStack Query
Auth Context
Membuat Auth Context
Auth Hooks
Membuat Custom Hook Register (Mutation)
Membuat Custom Hook Login (Mutation)
Membuat Custom Hook Auth User
Membuat Custom Hook Logout
Authentication
Membuat View dan Route untuk Auth
Membuat Proses Register
Membuat Proses Login
Halaman Dashboard
Membuat View dan Route untuk Dashboard
Menampilkan User di Halaman Dashboard
Membuat Proses Logout
User Hooks
Membuat Custom Hook Users (Query)
Membuat Custom Hook User Create (Mutation)
Membuat Custom Hook User By Id (Query)
Membuat Custom Hook User Update (Mutation)
Membuat Custom hook User Delete (Mutation)
CRUD Data Users
Menampilkan List Data Users
Membuat Proses Create Data User
Membuat Proses Edit dan Update Data User
Membuat Proses Delete Data User
Penutup
Donasi
Promosi
Penutup

TOOLS

Tools yang digunakan dalam course ini

Rust
Rust

Rust is blazingly fast and memory-efficient

See More
React Js
React Js

A JavaScript library

See More
TypeScript
TypeScript

strongly typed programming language

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Home
Home
Users Index
Users Index
Login
Login

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Source Code

Private Group Member

Update Materi

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Tim expert yang menyusun course ini

Fika Ridaul Maulayya
Fika Ridaul Maulayya
PREMIUM MEMBER

Full-Stack Developer, Content Creator and CEO & Founder SantriKoding.com


ULASAN MEMBERS

Apa kata mereka tentang course ini

dayan sauqy

Hello! I am a passionate and experienced full...

"sangat bermanfaat"

Syahril Haryono

Belajar menjadi Web Developer

"Mantap"

Ahmad Roisul Musthofa

Flutter, Laravel and Odoo enthusiast

"Sangat jelas dalam memaparkan materi"

RAHMATNUR RAMDANI

mahasiswa sistem informasi

"bagus, emang mudah dipelajari untuk pemula, penjelasannya mudah di cerna"

faizal nurrozi

I am responsible for designing and developing...

"Sangat membantu sekali untuk pemula, semoga ilmunya bermanfaat"

Zero F

https://github.com/zerofinding

"Jazakallahu khairan wa barakallahu fiik (Semoga Allah membalas kebaikanmu dan memberkahimu) Masya Allah, la quwwata illa billah (Sungguh atas kehendak Allah, semua ini terwujud)"

Taqius shofi albastomi

Web dev enthusias

"meskipun di beberapa bagian saya sempat terkendala di rust denga mysql dan cors configuration, tapi overall ini adalah yang saya butuhkan selama ini. semoga terus sukses santrikoding.com"

Aries Dian Pratama

No bio available

"pelatihan sangat membantu untuk menabah ilmu baru"

m khafid bahtiar

Passionate about creating innovative solution...

"Cukup bagus dan jelas"

Muhammad Haikal Basri

ingin jadi fullstack

"barakallah ya bang"

Chotibul Umam

Mobile Developer

"ini buat pemula ga usah khawatir karena dijelaskan dengan bahaza yang mudah di mengerti, selain itu juga jika ada beberapa materi yang ketinggalan atau mungkin lupa, akan di bantu untuk mempelejari ulang atau memingatnya kembali, mantap"