āļāļēāļĢāđāļāļīāđāļĄāļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļ React
React.memo, useMemo, useCallback, lazy loading, code splitting, React DevTools Profiler
1āļāļāļāļēāļāļŦāļĨāļąāļāļāļāļ React.memo āļāļ·āļāļāļ°āđāļĢ?
āļāļāļāļēāļāļŦāļĨāļąāļāļāļāļ React.memo āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
React.memo āđāļāđāļ Higher-Order Component āļāļĩāđāļāļģāļāļēāļĢ memoize āļāļĨāļĨāļąāļāļāđāļāļēāļĢ render āļāļāļ component āļĄāļąāļāļāļģāļāļēāļĢāđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļāđāļāļāļāļ·āđāļāļāļāļ props āđāļĨāļ°āļāđāļēāļĄāļāļēāļĢ re-render āļŦāļēāļ props āđāļĄāđāđāļāļĨāļĩāđāļĒāļāđāļāļĨāļ āļĄāļĩāļāļĢāļ°āđāļĒāļāļāđāļāļĒāđāļēāļāļĒāļīāđāļāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļāļīāđāļĄāļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļ child component āļāļĩāđāļĄāļĩāļāđāļāļāļļāļāļŠāļđāļāļāļķāđāļāđāļāđāļĢāļąāļ props āđāļāļīāļĄāļāđāļāļĒāļāļĢāļąāđāļ
2āļāļ§āļēāļĄāđāļāļāļāđāļēāļāļŦāļĨāļąāļāļĢāļ°āļŦāļ§āđāļēāļ useMemo āđāļĨāļ° useCallback āļāļ·āļāļāļ°āđāļĢ?
āļāļ§āļēāļĄāđāļāļāļāđāļēāļāļŦāļĨāļąāļāļĢāļ°āļŦāļ§āđāļēāļ useMemo āđāļĨāļ° useCallback āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
useMemo āļāļģāļāļēāļĢ memoize āļāļĨāļĨāļąāļāļāđāļāļāļāļāļąāļāļāđāļāļąāļ (āļāđāļēāļāļĩāđ return) āđāļāļāļāļ°āļāļĩāđ useCallback āļāļģāļāļēāļĢ memoize āļāļąāļ§āļāļąāļāļāđāļāļąāļāđāļāļ useMemo āđāļāđāļŠāļģāļŦāļĢāļąāļāđāļāļīāđāļĄāļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļāļāļēāļĢāļāļģāļāļ§āļāļāļĩāđāļĄāļĩāļāđāļāļāļļāļāļŠāļđāļ āļŠāđāļ§āļ useCallback āđāļāđāļŠāļģāļŦāļĢāļąāļāļāļģāđāļŦāđāļāļēāļĢāļāđāļēāļāļāļīāļāļāļąāļāļāđāļāļąāļāļāļĩāđāļŠāđāļāļāđāļēāļāđāļāđāļ props āļĄāļĩāļāļ§āļēāļĄāđāļŠāļāļĩāļĒāļĢ āļāđāļāļāļāļąāļāļāļēāļĢ re-render āļāļĩāđāđāļĄāđāļāļģāđāļāđāļāļāļāļ child component āļāļĩāđāļāļđāļ memoize
3āđāļāļāļĢāļāļĩāđāļāļāļĩāđāļāļēāļĢāđāļāđ React.memo āļāļēāļāļŠāđāļāļāļĨāđāļŠāļĩāļĒ?
āđāļāļāļĢāļāļĩāđāļāļāļĩāđāļāļēāļĢāđāļāđ React.memo āļāļēāļāļŠāđāļāļāļĨāđāļŠāļĩāļĒ?
āļāļģāļāļāļ
React.memo āļāļēāļāļŠāđāļāļāļĨāđāļŠāļĩāļĒāļāļąāļ component āļāļĩāđāđāļāđāļĢāļąāļ props āļāļĩāđāđāļāļāļāđāļēāļāļāļąāļāđāļāļāļļāļāļāļĢāļąāđāļāļāļĩāđ render āđāļāļĢāļēāļ°āļāđāļāļāļļāļāļāļāļāļāļēāļĢāđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļ props āđāļāļāļāļ·āđāļāļāļđāļāđāļāļīāđāļĄāđāļāđāļēāļĄāļēāđāļāļĒāđāļĄāđāļĄāļĩāļāļĢāļ°āđāļĒāļāļāđ (component āļāļ°āļāļđāļ re-render āļāļĒāļđāđāļāļĩ) āļāļ§āļĢāļŠāļāļ§āļ React.memo āđāļ§āđāļŠāļģāļŦāļĢāļąāļ component āļāļĩāđāļĄāļąāļāđāļāđāļĢāļąāļ props āđāļāļīāļĄāđāļĨāļ°āļĄāļĩāļāļēāļĢ render āļāļĩāđāļĄāļĩāļāđāļāļāļļāļāļŠāļđāļ
āļāļģāđāļĄāļāđāļāļāđāļāđ useCallback āļŠāļģāļŦāļĢāļąāļāļāļąāļāļāđāļāļąāļāļāļĩāđāļŠāđāļāļāđāļēāļāđāļāđāļ prop āđāļŦāđāļāļąāļ component āļāļĩāđāļāļđāļ memoize āļāđāļ§āļĒ React.memo?
āļāđāļāļāļĩāļŦāļĨāļąāļāļāļāļ code splitting āļāđāļ§āļĒ React.lazy āļāļ·āļāļāļ°āđāļĢ?
+19 āļāļģāļāļēāļĄāļŠāļąāļĄāļ āļēāļĐāļāđ
āļŦāļąāļ§āļāđāļāļŠāļąāļĄāļ āļēāļĐāļāđ React / Next.js āļāļ·āđāļāđ
āļāļ·āđāļāļāļēāļ JavaScript
āļāļ·āđāļāļāļēāļ React
React Hooks
āļ§āļāļāļĢāļāļĩāļ§āļīāļāļāļāļ component
React Router
āļāļēāļĢāļāļąāļāļāļēāļĢ state āļāđāļ§āļĒ Context
āļāļāļĢāđāļĄāđāļĨāļ° Controlled Components
āļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨāđāļĨāļ° API
React Query (TanStack Query)
Styling & CSS-in-JS
āļāļ·āđāļāļāļēāļ Next.js
TypeScript āļāļąāļ React
āļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨ Next.js
Server Actions āļāļāļ Next.js
āļāļēāļĢāļāļģāļŦāļāļāđāļŠāđāļāļāļēāļāđāļĨāļ°āļāļēāļĢāļāļģāļāļēāļāđāļ Next.js
API Routes āđāļ Next.js
Metadata & SEO āđāļ Next.js
Middleware āđāļĨāļ° Auth āđāļ Next.js
āļāļēāļĢāļāļāļŠāļāļ React
Zustand State Management
Error Boundaries & āļāļēāļĢāļāļąāļāļāļēāļĢāļāđāļāļāļīāļāļāļĨāļēāļ
Advanced React Patterns
āļāļĩāđāļāļāļĢāđāļāļąāđāļāļŠāļđāļāļāļāļ Next.js
āļāļēāļĢ Deploy & Production āļāļāļ Next.js
Architecture & Design Patterns
React Server Components
āļāļēāļĢāđāļāļĨāļ āļēāļĐāļē Next.js
React āļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒ & āđāļāļ§āļāļāļīāļāļąāļāļīāļāļĩāđāļāļĩāļāļĩāđāļŠāļļāļ
āđāļāļĩāđāļĒāļ§āļāļēāļ React / Next.js āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļāđāļāļĢāļąāđāļāļāļąāļāđāļ
āđāļāđāļēāļāļķāļāļāļģāļāļēāļĄāļāļąāđāļāļŦāļĄāļ flashcards āđāļāļāļāļāļŠāļāļāđāļāļāļāļīāļ āđāļāļāļāļķāļāļŦāļąāļ code review āđāļĨāļ°āļāļąāļ§āļāļģāļĨāļāļāļŠāļąāļĄāļ āļēāļĐāļāđ
āđāļĢāļīāđāļĄāđāļāđāļāļĢāļĩ