Episodes · 8 so far

Every lesson in the realm

One bug, one fight and one rule you keep. Read the full post on madebydhawal.com, watch the Short, then play the episode’s game to earn its guide’s seal.

0 of 8 seals. Win every game to become a Guardian of Domlok.

JavaScriptEpisode 08 · Raiden · Lightning

The Frozen Echo

Why your React setInterval keeps logging 0. Kai’s timer says 1 forever; Raiden, the Lightning guide, explains the stale closure behind the Frozen Echo and the one-line updater that fixes it.

Acharya’s Rule #8A closure remembers the render it was born in. Update from the previous value.

Seal earned
JavaScriptEpisode 07 · Chitragupta · Water

The Kappa of Leaks

Why your React app gets slower every time you navigate. Every page visit adds an event listener and none of them leave; Chitragupta, keeper of Domlok’s ledger, finds the one-line useEffect cleanup that stops it.

Acharya’s Rule #7Whatever you subscribe to, you must unsubscribe from.

Seal earned
PerformanceEpisode 06 · Vayu · Air

The Mirage

Lighthouse 100 on a laptop, 4.2 seconds for real users. Vayu reads the field data before touching a line of code.

Acharya’s Rule #6Measure first, optimise second.

Seal earned
AccessibilityEpisode 05 · Sanjaya · Ether

The Veil

Kai’s card looked pixel-perfect, until the Veil fell. Four lines of the right HTML lift it, with zero ARIA.

Acharya’s Rule #5Accessibility is code quality.

Seal earned
CSSEpisode 04 · Vishwa · Earth

Breakpoints that follow the content

Stop writing breakpoints for iPhones and iPads. Mobile-first, min-width, and walls built around the cards.

Acharya’s Rule #4Let the content choose the breakpoint, not the device.

Seal earned
AEMEpisode 03 · Kitsu · Fire

Content Fragment or Experience Fragment?

One holds the content. The other holds the content and its design. Mix them up and the Shifting Oni appears.

Acharya’s Rule #3Separate what it says from how it looks.

Seal earned
CORSEpisode 02 · Raiden · Lightning

Works in Postman, fails in the browser

Your API isn’t broken. Postman is a courier, the browser is a gatekeeper, and your server hasn’t answered its question.

Acharya’s Rule #2If it works in Postman, the API isn’t broken. Your server hasn’t answered the browser’s question.

Seal earned
JavaScriptEpisode 01 · Acharya Kōdo · All five elements

The Callback Hydra

Cut one head, two more grow back. Kai flattens nested callbacks with Promises, async/await and Promise.all.

Acharya’s Rule #1Await, don’t nest.

Seal earned