React 19 useEffectEvent dan Activity: API Baru dan Pertanyaan Interview 2026
Pembahasan mendalam useEffectEvent dan komponen Activity di React 19.2. Solusi stale closure, pre-rendering di background, contoh kode, dan pertanyaan interview teknis.
React / Next.js
FRONTEND
Pengembangan frontend modern yang menggabungkan React sebagai library UI dengan Next.js sebagai framework full-stack. Arsitektur berbasis Server Components, App Router, Server Actions, dan rendering hybrid (SSR, SSG, ISR) untuk aplikasi siap produksi.
Apa yang akan Anda pelajari
React modern dengan Server Components, Suspense, dan hooks lanjutan (useActionState, use)
Next.js App Router dengan layouts, streaming SSR, dan partial prerendering
Server Actions untuk mutasi sisi server tanpa API routes
TypeScript ketat dengan inferensi tipe dan type safety
Routing berbasis file dengan rute dinamis dan route groups
Data fetching modern (fetch dengan cache, Server Components, data paralel)
Manajemen state (Context API, Zustand, TanStack Query untuk server cache)
Styling dengan TailwindCSS, CSS Modules, styled-components, atau Sass
Pengujian komprehensif (Vitest/Jest, React Testing Library, Playwright/Cypress)
Performa (optimisasi Image/Font, code splitting, lazy loading, analytics)
Topik utama yang harus dikuasai
Konsep terpenting untuk memahami teknologi ini dan berhasil di wawancara
1
React: JSX, Virtual DOM, reconciliation, arsitektur fiber
2
Hooks modern: useState, useEffect, useContext, useMemo, useCallback, useActionState
3
Server Components vs Client Components ("use client"), pola komposisi
4
Props, State, lifting state up, prop drilling dan solusi
5
Siklus hidup React, useEffect cleanup, dependency array, strict mode
6
Next.js App Router: routing, layouts, templates, loading/error states
7
Data fetching: Server Components async, fetch caching, strategi revalidasi
8
Server Actions: progressive enhancement, useActionState, penanganan form
9
Strategi rendering: SSR, SSG, ISR, client-side, streaming
10
Manajemen state: Context API, Zustand, Redux Toolkit, server state (TanStack Query)
11
Performa: React.memo, useMemo, useCallback, lazy loading, Suspense boundaries
12
Routing: rute dinamis, parallel routes, intercepting routes, middleware
13
Metadata dan SEO: generateMetadata, sitemap, robots.txt, Open Graph
14
Pengujian: tes komponen, tes integrasi, E2E, mocking, pola pengujian
15
Optimisasi build, analisis bundle, deployment (Vercel, Docker), monitoring
Artikel React / Next.js terbaru
Temukan artikel dan panduan terbaru kami tentang React / Next.js
Cache Components di Next.js 16 Tahun 2026: Panduan Lengkap use cache, PPR, dan Pertanyaan Interview
Panduan mendalam tentang Cache Components di Next.js 16: directive use cache di tiga cakupan, Partial Pre-Rendering, cacheLife profiles, cacheTag, keamanan cache, dan pertanyaan interview untuk developer senior tahun 2026.
React Compiler di Tahun 2026: Memoization Otomatis dan Pertanyaan Interview
Pelajari React Compiler untuk memoization otomatis, pipeline kompilasi, aturan React, dan pertanyaan interview yang sering muncul di tahun 2026.