Course Outline

Perkenalan

Modern React

  • Apa yang baru di React 18 dan 19
  • Alat modern dan perubahan pendekatan

React Kait Lanjutan

  • gunakanMemo, gunakanPanggilanBalik, gunakanPengiriman, gunakanRef, gunakanPeganganImperatif

Mode Serentak di React

  • Penggunaan kait useTransition, useDeferredValue

Next.js Rute

  • Perbedaan antara App Router dan Pages Router

Strategi Rendering di Next.js

  • Server Side Rendering vs Aplikasi Satu Halaman vs Pembuatan Statis

Komponen Server dan Tindakan Server

  • Penggunaan arahan 'gunakan server' dan 'gunakan klien'

Pengambilan dan Penembolokan Data

  • Strategi Regenerasi Statis Inkremental

Menggunakan Next.js sebagai Backend

  • Fungsi Edge dan Edge Runtime

State Management

  • React Konteks, Redux, dan manajemen keadaan atom (Zustan)

Membuat Template di Next.js

  • Template yang dapat digunakan kembali
  • Tersedia CSS pendekatan dan pustaka templat

Optimasi Kinerja

  • Meningkatkan waktu pemuatan dan mencapai skor Web Core Vitals yang tinggi

Instrumentasi

Pengujian di Next.js

Strategi Monorepo

  • Next.js dengan TurboRepo / Nx

Pemantauan, Penerapan, dan Orkestrasi

Ringkasan dan Langkah Berikutnya

Requirements

  • Pemahaman yang kuat tentang JavaScript dan ES6+
  • Pengalaman dengan React dan React Hooks
  • Keakraban dasar dengan Next.js
  • Pemahaman tentang panggilan API dan manajemen status

Hadirin

  • Pengembang berpengalaman React yang ingin memperdalam pengetahuan mereka tentang Next.js
  • Pengembang front-end dan full-stack yang mencari teknik pengoptimalan kinerja tingkat lanjut
  • Insinyur perangkat lunak yang bekerja pada aplikasi skala besar Next.js
 21 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses (Minimal 5 peserta)

Related Categories