⚛️

React

Rendering, hooks, lifecycle, state management, and performance

11 topics

🥚 2🐣 6🦖 3

🥚

Egg

Fundamentals

The building blocks every React developer must know — Virtual DOM, reconciliation, keys, and how React actually works under the hood.

useState, useEffect, useRef, and beyond — understand how hooks really work, when to use each one, and the traps that catch everyone.

🐣

Intermediate

React.memo, useMemo, useCallback, virtualization — learn when to optimize and more importantly, when NOT to.

HOCs, render props, custom hooks, compound components — the patterns that make your code reusable and your architecture scalable.

Where to make API calls, how to handle race conditions, stale data, and the patterns that keep your app reliable.

useState, Context, Redux — when to use what, the re-render trap in Context, and how to pick the right tool for your app.

Event delegation, throttling, debouncing, IntersectionObserver — the browser APIs that make React apps feel smooth.

ARIA roles, keyboard navigation, screen readers — build apps that everyone can use, not just some people.

🦖

Advanced

Design infinite scroll, scalable folder structures, API layers — think like an architect, not just a coder.

Why useEffect runs twice, duplicate key warnings, memory leaks — the gotchas that trip up even experienced developers.

Build autocomplete, infinite scroll, implement debounce and throttle — the coding questions you'll actually face in interviews.