Hubungi Kami

Kerangka Materi

Pendahuluan

React Modern

  • Apa saja yang baru di React 18 dan 19
  • Alat-alat modern serta perubahan dalam pendekatan pengembangan

Hook-Hook React Tingkat Lanjut

  • Penggunaan useMemo, useCallback, useDispatch, useRef, dan useImperativeHandle

Mode Konkuren di React

  • Cara memanfaatkan hook useTransition serta useDeferredValue

Routing di Next.js

  • Perbedaan antara App Router dan Pages Router

Strategi Rendering di Next.js

  • Server Side Rendering vs Single Page Application vs Static Generation

Server Components dan Server Actions

  • Penggunaan direktif ‘use server’ serta ‘use client’

Pengambilan Data dan Caching

  • Teknik Incremental Static Regeneration dalam konteks pengambilan data

Memanfaatkan Next.js sebagai Backend

  • Edge Functions serta Edge Runtime

Manajemen State

  • Penggunaan React Context, Redux, dan library manajemen state atomic (Zustand)

Membuat Template di Next.js

  • Cara membuat template yang dapat digunakan ulang
  • Berbagai pendekatan CSS serta library template yang tersedia

Optimasi Kinerja

  • Cara mempercepat waktu pemuatan halaman serta meningkatkan skor Web Core Vitals

Instrumentasi

Pengujian di Next.js

Strategi Monorepo

  • Menggunakan Next.js bersama TurboRepo/Nx

Pemantauan, Deployment, serta Orkestrasi Aplikasi

Penutup dan Langkah Selanjutnya

Persyaratan

  • Pemahaman mendalam mengenai JavaScript dan ES6+.
  • Pengalaman dalam menggunakan React serta hook-hooknya.
  • Familiaritas dasar terhadap konsep-konsep di Next.js.
  • Pemahaman tentang pemanggilan API serta mekanisme manajemen state.

Target Peserta

  • Pengembang React berpengalaman yang ingin memperdalam pengetahuan mereka mengenai Next.js.
  • Pengembang front-end maupun full-stack yang menginginkan teknik optimasi kinerja tingkat lanjut.
  • Insinyur perangkat lunak yang menangani pengembangan aplikasi Next.js dalam skala besar.
 21 Jam

Jumlah Peserta


Harga per Peserta

Kursus Mendatang

Kategori Terkait