Practice

Courses, workshops, and learning tracks I work through hands-on. Active learning is how I move from understanding to fluency.

Active Learning

Courses and tracks I'm working through hands-on.

Frontend Masters · Steve Kinney

React Performance, v2

In Progress

Deep dive into React internals — Fiber, lanes, render phases — and practical optimisation techniques like state colocation, memoization, useTransition, and optimistic UI.

React Fiber
useCallback
React.memo
useMemo
useTransition
useDeferredValue
Optimistic UI

Written Notes

Courses I've completed and documented as blog series.

Frontend Masters · Kyle Simpson

Exploring Service Workers

Completed

Service worker lifecycle, caching strategies, background sync, and turning any website into a reliable offline-first experience.

Service Worker Lifecycle
Cache API
Routing Strategies
Web Workers
PWA

Frontend Masters

React State Management

Completed

State patterns in React — local vs global, anti-patterns, AI-assisted state modelling, form data, and performance optimisations at scale.

State Colocation
Anti-Patterns
AI State Modelling
Form State
Performance

Frontend Masters

Web Application Security

Completed

XSS, CSRF, SQL injection, authentication flows, JWT, cookies, and building secure JavaScript applications from first principles.

XSS
CSRF
SQL Injection
JWT
Cookies
Auth Flows

Other

High-Level System Design

Completed

System design fundamentals — DNS, load balancing, consistent hashing, caching, CDN, and designing at scale from first principles.

DNS
Load Balancing
Consistent Hashing
Caching
CDN
Scalability