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:
- Instalasi dan Konfigurasi Bun
- Membuat Project Backend dengan Hono
- Setup Prisma ORM
- JWT (JSON Web Token)
- Validators (Zod)
- Middleware
- RESTful API Authentication
- RESTful API Users
- Instalasi React + Vite + TypeScript
- Implementasi Authentication di Frontend
- Context API untuk Auth State
- Fetching Data dengan Axios & React Query
- Routing dan Proteksi Halaman
- 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
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
loading="lazy"
>
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="Bun"
loading="lazy">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="Hono"
loading="lazy">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="React Js"
loading="lazy">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="TypeScript"
loading="lazy">
{ setTimeout(() => { showShimmer = false; }, 300); })"
alt="React Query"
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"
/>