Search

Lessons (7)

• React Hooks in Practice

  useState, useEffect, useRef, useMemo, useCallback, useContext and custom hooks. When to use each, the rules of hooks, and …

• S — Single Responsibility Principle

  … function UserProfile({ id }) { const [user, setUser] = useState(null); useEffect(() = { fetch( /api/users/${id} ).then((r) = r.json()).then …

• React vs Vue vs Angular

  … compute in render / useMemo computed computed Side effect useEffect watch / watchEffect effect Props in props defineProps input() Events …

• State Management (Redux, Zustand, TanStack Query)

  … Don't hand-roll that with useEffect + useState . jsx import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"; function …

• JavaScript Essentials: Event Loop, Closures & this

  … jsx function Timer() { const [count, setCount] = useState(0); useEffect(() = { const id = setInterval(() = setCount(count + 1), 1000); // ❌ always sees …

• Behavioral Patterns I: Observer, Strategy, Command, State

  … is no longer needed (for example in React useEffect cleanup), or you'll leak memory. --- 2. Strategy 🗺 …

• Next.js Rendering: CSR, SSR, SSG, ISR & Server Components

  … use async/await , DB, secrets, file system useState , useEffect , event handlers, browser APIs JavaScript sent None Yes Use …