Logo
© 2019 - 2026 SantriKoding.
GRATIS
FullStack JavaScript Developer dengan Bun, Hono dan React
Pemula

FullStack JavaScript Developer dengan Bun, Hono dan React

4.9 (15 ulasan)
803 members
Gratis

TENTANG


Buku ini berjudul “FullStack JavaScript Developer dengan Bun, Hono, dan React” dan dibuat khusus untuk para developer pemula yang ingin menguasai skill FullStack JavaScript menggunakan dua teknologi modern dan ringan di ekosistem JavaScript, yaitu Bun dan Hono, serta dipadukan dengan React untuk sisi frontend.

JavaScript kini telah menjadi bahasa pemrograman utama dalam dunia pengembangan aplikasi, baik untuk frontend, backend, maupun fullstack development. Dengan ekosistem yang luas dan komunitas yang sangat aktif, JavaScript memungkinkan kita membangun aplikasi lintas platform hanya dengan satu bahasa.

Bun adalah runtime modern yang super cepat untuk JavaScript, TypeScript, dan JSX. Dibangun dari nol menggunakan bahasa Zig, Bun menawarkan performa luar biasa, package manager bawaan, serta integrasi tooling lengkap seperti bundler, transpiler, dan test runner. Dengan Bun, pengembangan backend menjadi jauh lebih cepat dan efisien tanpa bergantung pada Node.js.

Hono adalah framework web minimalis dan berperforma tinggi yang dirancang khusus untuk bekerja di atas runtime modern seperti Bun, Cloudflare Workers, dan Deno. Dengan sintaks yang sederhana, ringan, dan mirip seperti Express, Hono sangat cocok digunakan untuk membangun RESTful API modern dengan dukungan middleware, validator, dan router yang fleksibel.

Sementara itu, React tetap menjadi library andalan untuk membangun antarmuka pengguna yang interaktif dan component-based. Dengan dukungan ekosistem yang matang dan performa tinggi, React memudahkan kita membuat aplikasi web yang dinamis, modular, dan mudah dikelola.

Apa saja yang akan kita bahas di dalam buku ini? Berikut daftar lengkapnya:

  1. Instalasi dan Konfigurasi Bun
  2. Membuat Project Backend dengan Hono
  3. Setup Prisma ORM
  4. JWT (JSON Web Token)
  5. Validators (Zod)
  6. Middleware
  7. RESTful API Authentication
  8. RESTful API Users
  9. Instalasi React + Vite + TypeScript
  10. Implementasi Authentication di Frontend
  11. Context API untuk Auth State
  12. Fetching Data dengan Axios & React Query
  13. Routing dan Proteksi Halaman
  14. CRUD Data Users

Semoga dengan adanya buku ini, teman-teman bisa memperluas wawasan dan semakin percaya diri untuk menjadi seorang FullStack JavaScript Developer modern dengan Bun, Hono, dan React.

Terima kasih

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Pengenalan
Apa itu Bun?
Apa itu Hono?
Apa itu TypeScript?
Apa itu React?
Prasyarat
Prasyarat Backend
Prasyarat Frontend
Installasi & Persiapan Backend
Installasi Bun
Membuat Project Backend (Hono)
Database (Prisma ORM)
Apa itu Prisma ORM?
Installasi dan Konfigurasi Prisma ORM
Membuat Schema Table
Membuat Helper Prisma Client
JWT (JSON Web Token)
Apa itu JWT?
Membuat Middleware JWT
Validations
Installasi Zod Validator
Membuat Helper Validation
Membuat Schema dan Type Validation Auth
Membuat Schema dan Type Validation User
Membuat Middleware Validation
RESTful API Auth
Membuat RESTful API untuk Register
Membuat RESTful API untuk Login
RESTful API Users
Membuat RESTful API Get Data Users
Membuat RESTful API Insert Data User
Membuat RESTful API Get Data User By ID
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

Bun
Bun

JavaScript all-in-one toolkit

See More
Hono
Hono

Web application framework.

See More
React Js
React Js

A JavaScript library

See More
TypeScript
TypeScript

strongly typed programming language

See More
React Query
React Query

Hooks for fetching and caching.

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


Ebook

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

Khaerul Falah

No bio available

"Sangat membantu saya dalam mempelajari bun dan hono"

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)"

Bagus Widiatmoko

No bio available

"Keren banget bang simpel dan elegan"

Zaky Maulana Al Bajili

Fullstack Developer

"Materi yang disampaikan sangat jelas dan mudah dimengerti"

Aang Baejuri

Fullstack Web Developers

"Pokonya mah the best"

Fatur Ristia Padillah

No bio available

"membantu saya untuk belajar kembali setelah lama tidak bertemu dengan bahasa pemograman setelah kuliah, saya berharap mendapatkan beberapa modul free untuk saya belajar kembali, terima kasih admin"

Muhammad Ferdi Alfian

Junior FullStack Developer | React | Laravel...

"thnak banget bang atas course gratis ini..sangat membantu dalam memahami hono, dan juga bun itu cepet banget ya hehe"

M. Abu Amar Al Badawi

No bio available

"Menarik dan mendapat banyak insight. Bun dan hono merupakan kombinasi yang menarik. Materinya disusun dengan sangat baik juga"