JST Academy

JSTAcademy

0 XP

React

0/8 complete

Course Objective

Build real React applications — components, hooks, state, effects, and performance patterns used in production Next.js codebases.

0% complete1375 XP total

React Components & JSX

Build function components with JSX, props, and conditional rendering.

useState & State Management

Manage component state with useState including objects, arrays, and state update patterns.

useEffect & Side Effects

Use useEffect to fetch data, set up subscriptions, and clean up side effects correctly.

useRef, useMemo & useCallback

Use useRef for DOM access and useMemo/useCallback to prevent unnecessary re-renders.

Context & Prop Drilling

Create and consume React Context to share state across multiple levels of components.

Extract component logic into custom hooks and compose them across components.

React Performance

Apply React.memo, memoization hooks, and code splitting to optimize rendering performance.

Error Boundaries & Patterns

Implement error boundaries, Suspense, and production React patterns for resilient applications.