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

FullStack Developer dengan Golang dan React

5.0 (69 ulasan)
2315 members
Gratis

TENTANG


Buku ini berjudul "FullStack Developer Dengan Golang dan React" dan dibuat khusus untuk para developer pemula yang ingin menguasai skill FullStack Development menggunakan dua teknologi modern yang sedang naik daun, yaitu Golang di sisi backend dan React + TypeScript di sisi frontend.

Golang (Go) adalah bahasa pemrograman yang dikembangkan oleh Google dan dikenal karena kecepatan kompilasinya, efisiensi performa, serta kemudahan dalam membangun aplikasi backend yang ringan namun sangat scalable. Golang saat ini telah menjadi pilihan banyak perusahaan besar dalam membangun microservices hingga aplikasi backend berskala besar.

React adalah library JavaScript open source yang digunakan untuk membangun antarmuka pengguna (user interface) dengan interaktif dan dinamis. Ketika digabungkan dengan TypeScript, React menjadi lebih kuat dan dapat dipelihara dalam jangka panjang karena fitur pengetikan statis yang membantu dalam proses pengembangan aplikasi skala besar.

Bersamaan dengan itu, kita juga akan menggunakan TanStack Query yang merupakan library powerful untuk manajemen fetching data di React, membuat proses integrasi API menjadi lebih efisien dan menyenangkan.

Berikut ini daftar lengkap materi yang akan kita pelajari:

  • Pengenalan dan Fundamental Golang
  • Setup Project Golang dengan Gin
  • Penggunaan GORM untuk ORM di Golang
  • JWT (JSON Web Token) untuk Autentikasi
  • Middleware
  • Membangun Restful API Authentication
  • Membuat API CRUD untuk Users
  • Instalasi dan Setup Project React + TypeScript
  • Integrasi Autentikasi di React
  • Membuat Auth Context di React
  • Custom Hooks
  • Fetching Data dari API menggunakan TanStack Query
  • Routing dengan React Router
  • CRUD Data Users dari Frontend

Semoga dengan hadirnya buku ini bisa membantu teman-teman menambah wawasan dan keterampilan untuk menjadi seorang FullStack Developer modern yang siap membangun aplikasi dari backend hingga frontend dengan stack yang solid dan efisien.

Terima kasih

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Prasyarat
Prasyarat Backend (Golang)
Prasyarat Frontend (React)
Installasi & Persiapan Backend (Golang)
Installasi Golang
Membuat Project Golang
Konfigurasi Live Reload Golang (Air)
Konfigurasi File .env
Database
Apa itu Gorm ?
Konfigurasi Database
JWT (JSON Web Token)
Apa itu JWT (JSON Web Token) ?
Installasi dan Membuat Middleware Auth
Helpers
Membuat Helper Hash
Membuat Helper JWT (Generate Token)
Membuat Helper Validator
Structs
Apa itu Struct ?
Membuat Struct Success dan Error Response
Membuat Struct User
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

Golang
Golang

An open-source programming language

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


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

Deni Suryadi

Hanya Seorang Fullstack Developer dan Crypto...

"Mantap ilmunya"

Ghifari Kuswanto

Full Stack Developer

"Sangat mudah untuk dipahami, terutama untuk para Fullstack pemula seperti saya. Terima kasih untuk Ilmunya."

Mochammad Mahardika

No bio available

"keren bangett materinya"

Mulky Sulaiman

No bio available

"Cukup detail sebagai penjelasan untuk pemula"

Devan Herdiansyah Nugroho

Software Engineer, Machine Learning Engineer

"Pengalaman yang sangat berharga untuk saya sebagai mahasiswa rasa ingin tahu yang besar terhadap teknologi yang sedang hipe di industri yaitu golang dan react. Saya ucapkan terima kasih kepada santri koding semoga terus bermanfaat bagi semua orang. Harapan saya semoga ilmu yang saya dapat dari sini dapat saya kembangkan di kemudian hari."

Muhammad Syahrir

Frontend Developer who want become a FullStac...

"Materi yang disediakan pada ebook ini mudah dipahami, dan memberikan penjelasan yang cukup mendetail. Terimakasih"

Alief

Junior Fullstack Dev

"Komplit guide untuk newbie!"

Syahril Haryono

Belajar menjadi Web Developer

"Sangat keren, mantap dan bermanfaat"

Muhamad Rizqon Yasir

Frontend Developer

"sangat mudah dipahami"

Ahmad 'Ammar Musyaffa'

Full Stack Developer

"Coursenya keren sekali, lengkap dengan penjelasannya"

Muhamad Jaelani

Tech Enthusiast | Front End Developer | Andro...

"Sangat mudah dipahami"

Imad Aqil

Mahasiswa IT

"Bagus banget materinya buat yg mau belajar Go Fullstack React. Recomended sih"

Renaldi Saputra

frontend developer

"sangat jelas dan mudah di pahami"

"luar biasa, penjelasan sangat jelas dan mudah di implementasikan dengan catatan harus sudah memahami dasar golang dan react"

Andi Sultan

No bio available

"Barakallah tutorial gratisnya. mohon maaf belum bisa kasih apa. semoga klo saya sudah bekerja bisa beli kelas berbayar atau berdonasi. amin"