Skip to content
Software Atlas
← All areas
Area 07 · 11 topics

Frontend & Browser

The browser is a runtime with its own pipeline, event system and storage. Understand it, and React, CSS and performance stop being magic.

01
Deep-dive ready

How Browsers Render

HTML to DOM and CSSOM, layout, paint, composite; reflow vs repaint.

Start learning →
02
Deep-dive ready

CSS Layout

The box model, flexbox, grid and stacking contexts.

Start learning →
03
Deep-dive ready

DOM Events

Bubbling, capturing, delegation and requestAnimationFrame.

Start learning →
04
Deep-dive ready

Accessibility

Semantic HTML, ARIA, focus and keyboard navigation.

Start learning →
05
Deep-dive ready

How React Works

Render vs commit, reconciliation, keys, and why re-renders happen.

Start learning →
06
Deep-dive ready

React Hooks, Honestly

useState and useEffect timing, stale closures, when useMemo helps.

Start learning →
07
Deep-dive ready

State Management

Local, lifted, context, external stores and server state.

Start learning →
08
Deep-dive ready

Browser Storage & Caching

Cookies, localStorage, IndexedDB, the HTTP cache, service workers.

Start learning →
09
Deep-dive ready

CSR, SSR, SSG & Hydration

Where HTML gets built: client, server, build time, streaming, Server Components.

Start learning →
10
Deep-dive ready

Web Performance

Core Web Vitals, code splitting, lazy loading, images.

Start learning →
11
Deep-dive ready

Build Tools & Bundlers

Bundlers, Vite, tree shaking, source maps, module formats.

Start learning →