Episodes · 9 so far
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.
Why your CSS is ignored, and why !important makes it worse. Kai’s button styles load last and still lose; Kitsu, the Fire guide, weighs the selectors and lowers the heavy one with :where() before the Important Demon moves in.
Acharya’s Rule #9Keep selectors flat. !important starts a siege, it never ends one.
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.
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.
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.
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.
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.
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.
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.
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.