2 menit baca
Apa Itu Reactjs
Pengenalan React.js untuk membangun UI berbasis komponen yang mudah dirawat.
Dokumentasi React.js
Library UI berbasis komponen. Kuasai JSX, Props & State, Hooks dasar/lanjut, Context, Portal, dan optimasi render flow.
32Artikel
Memulai
1 MateriConcurrent
2 Materi2 menit baca
Reactjs Usedeferredvalue Deep Low Priority Render Input Lag
Panduan React useDeferredValue: versi low-priority dari nilai eksternal, beda dengan useTransition, isStale indicator, dan jebakan pakai untuk state sendiri.
2 menit baca
Reactjs Useoptimistic Deep Rollback Optimistic UI Form List
Panduan React useOptimistic: tampilkan state sementara + rollback otomatis, pakai di transition, pending flag, dan jebakan lupa bungkus di transition.
Dasar-Dasar
17 Materi10 menit baca
Reactjs State Management Local Lifted Context Reducer External Store Basics
Panduan memilih local state, lifted state, Context, reducer, dan external store di React.js beserta trade-off dan jebakan saat state dibesarkan terlalu cepat.
Data Fetching
1 Materi2 menit baca
Reactjs Data Fetching Useeffect Swr React Query
Panduan React data fetching: useEffect+fetch state, SWR/React Query cache, AbortController, dan jebakan fetch di body + tak abort + over-pakai library + cache stale.
Error Handling
1 Materi2 menit baca
Reactjs Error Boundary Class Vs Hook Useerrorboundary Library
Panduan React error boundary: class getDerivedStateFromError vs library useErrorBoundary hook, batas tangkap render error, dan jebakan ngira hook ada + async tak ditangkap.
Forms
1 Materi2 menit baca
Reactjs Forms Controlled Validation Multiple Input
Panduan React forms: controlled input object state, preventDefault, validation, dan jebakan lupa preventDefault + mutasi state + validasi hanya client + field hilang.
Hooks
1 Materi2 menit baca
Reactjs Hooks Usestate Useeffect Useref Rules
Panduan React hooks: useState/useEffect/useRef, dependency array, cleanup, aturan hook, dan jebakan hook di condition + lupa cleanup + fetch tanpa deps[].
Komponen
1 Materi1 menit baca
Reactjs Komponen Function Component Jsx Composition
Panduan React komponen: function component, JSX, children/composition, dan jebakan nama lowercase + multi root tanpa fragment + side-effect di body + mutasi props.
Performance
1 Materi2 menit baca
React Compiler Automatic Memoization Rules Usememo Obsolete
Panduan React Compiler: memoization otomatis ganti useMemo manual, butuh Rules of React pure, setup babel target, dan jebakan mutasi di render + hapus useMemo tanpa test.
Props & State
1 Materi2 menit baca
Reactjs Props State Usestate Controlled Lifting
Panduan React props & state: useState, controlled input, lifting state, dan jebakan uncontrolled+controlled campur + mutasi state + lifting tak perlu + key stabil.
Refs
1 Materi2 menit baca
Reactjs Forwardref Useimperativehandle Lanjut Imperative API Focus Scroll
Panduan React forwardRef + useImperativeHandle: ekspos API terbatas ke parent, React 19 ref-as-prop, dan jebakan ekspos seluruh node + handle tidak stabil.
Rendering
2 Materi2 menit baca
Reactjs Portals Dalam Createportal Event Bubbling Zindex Context
Panduan React Portals: createPortal keluar overflow/z-index, context tetap mengalir, event bubbling ikut React tree, dan jebakan ngira event ikut DOM parent.
2 menit baca
Reactjs 19 Use Official Useoptimistic Ref Document Metadata Features
Panduan React 19: use() baca promise/context, ref sebagai prop tanpa forwardRef, title/meta hoist otomatis, dan jebakan use() di luar component + harap metadata di versi lama.
Routing
1 Materi2 menit baca
React Router Nested Routes Loaders Protected Auth Guard
Panduan React Router v6: nested + Outlet, loader data route, guarded route dengan Navigate, dan jebakan lupa Outlet + redirect loop.
Testing
1 Materi1 menit baca
Reactjs Testing Render Fireevent Queries Rtl
Panduan React testing: RTL render/fireEvent/queries, userEvent, dan jebakan test detail implementasi + lupa await findBy + over-testid + tidak cleanup.