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

"Keren, penjelasan detail"

fa idzinnz

Back End Developer

"Sangat membantu dan menambah wawasan atau ilmu baru untuk teknologi modern seperti golang"

Andyka Putra

No bio available

"mantap, materi cukup mudah dimengerti terimakasih"

"Pembelajaran nya seruuu dan mudha dipahami.. Skill ku jadi bertambah golang dan react"

"bagus materinya, mudah di mengerti dan di pahami. Semoga Allah membalas dengan banyak rezeki aamiin"

"Mantap Jiwa Sekali Course nya .. Mudah Dipahami dan di ikuti instruksinyaa .. saya jadi lebih paham terkait pemograman back end dengan golang dan front ent dengan react"

Aqil Afiff

Web Developer | Front-End Web Developer | AI/...

"keren, materinya mudah dipahami"

Izsal Qurlinas Afandi

No bio available

"ebook yang sangat mudah dipahami dan dipelajari untuk applikasi fullstack"

Abdul Rohim

Fullstack Feveloper

"belajar disini sangat terstruktur"

Kris

No bio available

"penjelasan yang diberikan cukup jelas dan padat."

Achmad Qoddri

No bio available

"Materi yang disusun bagus dan sangat mudah dipahami. Terimak kasih ilmu yang diberikan niscaya menjadi amal jariyah."

Adri stones

ingin menjadi full stack dev

"bagus banget materinya"

Wahyudin Igneel

No bio available

"ilmu yang bermanfaat"

anjeli R A

No bio available

"baguss neak dipahami"