The latest articles on DEV Community by Muhammad Maulana Yusuf (@mmy-lana). https://dev.to/mmy-lana https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4078189%2Fa070b318-6f52-4340-8201-9ef0690d53b3.jpg https://dev.to/mmy-lana en Muhammad Maulana Yusuf Sat, 15 Aug 2026 15:00:50 +0000 https://dev.to/mmy-lana/mmy-css-an-ultra-lightweight-css-framework-under-12-kb-59hg https://dev.to/mmy-lana/mmy-css-an-ultra-lightweight-css-framework-under-12-kb-59hg <p>Most CSS frameworks ship dozens of kilobytes of unused rules. I built <strong><a href="https://github.com/mmy-lana/mmy-css" rel="noopener noreferrer">mmy-css</a></strong> — an ultra-lightweight CSS framework under <strong>1.2 KB gzipped</strong> with zero dependencies.</p> <h3> 🌟 Key Highlights </h3> <ul> <li>📦 <strong>Under 1.2 KB gzipped</strong> (~3.1 KB raw)</li> <li>📐 <strong>Zero-Specificity Resets</strong> using <code>:where()</code> selectors</li> <li>🔤 <strong>Fluid Typography</strong> using CSS <code>clamp()</code> </li> <li>🌙 <strong>Automatic Dark Mode</strong> with <code>prefers-color-scheme</code> </li> <li>📱 <strong>Responsive Grid</strong> without media queries</li> </ul> <h3> 🔗 Links </h3> <ul> <li>🌐 <strong>Live Interactive Demo:</strong> <a href="https://mmy-lana.github.io/mmy-css/" rel="noopener noreferrer">mmy-lana.github.io/mmy-css</a> </li> <li>🐙 <strong>GitHub Repository:</strong> <a href="https://github.com/mmy-lana/mmy-css" rel="noopener noreferrer">github.com/mmy-lana/mmy-css</a> </li> <li>📦 <strong>NPM Package:</strong> <a href="https://www.npmjs.com/package/mmy-css" rel="noopener noreferrer">npmjs.com/package/mmy-css</a> </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> html &lt;!-- Instant CDN Usage --&gt; &lt;link rel="stylesheet" href="https://unpkg.com/mmy-css/dist/mmy.min.css"&gt; </code></pre> </div> css webdev javascript performance Muhammad Maulana Yusuf Sat, 15 Aug 2026 14:47:40 +0000 https://dev.to/mmy-lana/detached-dom-nodes-and-uncollected-closures-are-silent-performance-killers-in-single-page-5c5c https://dev.to/mmy-lana/detached-dom-nodes-and-uncollected-closures-are-silent-performance-killers-in-single-page-5c5c <p>Detached DOM nodes and uncollected closures are silent performance killers in single-page applications.</p> <p>I built <strong><a href="https://github.com/mmy-lana/leak-doctor" rel="noopener noreferrer">leak-doctor</a></strong> — an open-source, zero-dependency diagnostic engine and headless Chromium auditor leveraging <strong><code>WeakRef</code></strong> and <strong><code>FinalizationRegistry</code></strong> to detect frontend memory leaks in real-time.</p> <h3> 🔗 Live Demos &amp; Repositories </h3> <ul> <li>🌐 <strong>Live Web Scanner:</strong> <a href="https://leak-doctor-web.vercel.app" rel="noopener noreferrer">leak-doctor-web.vercel.app</a> </li> <li>🧪 <strong>Interactive Playground:</strong> <a href="https://leak-doctor-playground.vercel.app" rel="noopener noreferrer">leak-doctor-playground.vercel.app</a> </li> <li>🐙 <strong>GitHub Repository:</strong> <a href="https://github.com/mmy-lana/leak-doctor" rel="noopener noreferrer">github.com/mmy-lana/leak-doctor</a> </li> </ul> <h3> 📦 Official npm Packages </h3> <ul> <li> <a href="https://www.npmjs.com/package/@leak-doctor/profiler" rel="noopener noreferrer"><code>@leak-doctor/profiler</code></a> — Core WeakRef Memory Profiling Engine</li> <li> <a href="https://www.npmjs.com/package/@leak-doctor/toolbar" rel="noopener noreferrer"><code>@leak-doctor/toolbar</code></a> — Shadow DOM Dev Widget</li> <li> <a href="https://www.npmjs.com/package/@leak-doctor/shared" rel="noopener noreferrer"><code>@leak-doctor/shared</code></a> — Shared Diagnostic Schemas &amp; Formatters</li> </ul> react javascript webdev performance Muhammad Maulana Yusuf Fri, 14 Aug 2026 20:13:08 +0000 https://dev.to/mmy-lana/catch-zombie-fetches-missing-abortcontrollers-in-react-19-with-fetch-doctor-2fhg https://dev.to/mmy-lana/catch-zombie-fetches-missing-abortcontrollers-in-react-19-with-fetch-doctor-2fhg <p>When components unmount during active fetch requests, dangling promises can cause memory leaks, stale updates, and race conditions. </p> <p>I built <strong><a href="https://github.com/mmy-lana/fetch-doctor" rel="noopener noreferrer">fetch-doctor</a></strong> — an open-source auditor designed to catch zombie fetches and missing AbortControllers in real-time.</p> <h3> 🔗 Useful Links </h3> <ul> <li>🌐 <strong>Live Web Scanner:</strong> <a href="https://fetch-doctor.vercel.app" rel="noopener noreferrer">fetch-doctor.vercel.app</a> </li> <li>🧪 <strong>Interactive Playground:</strong> <a href="https://fetch-doctor-playground.vercel.app" rel="noopener noreferrer">fetch-doctor-playground.vercel.app</a> </li> <li>🐙 <strong>GitHub Repository:</strong> <a href="https://github.com/mmy-lana/fetch-doctor" rel="noopener noreferrer">github.com/mmy-lana/fetch-doctor</a> </li> </ul> <h3> 📦 npm Packages </h3> <ul> <li> <a href="https://www.npmjs.com/package/@fetch-doctor/core" rel="noopener noreferrer"><code>@fetch-doctor/core</code></a> — Interceptor Engine &amp; Overlay Widget</li> <li> <a href="https://www.npmjs.com/package/@fetch-doctor/react" rel="noopener noreferrer"><code>@fetch-doctor/react</code></a> — React 19 Lifecycle Hooks</li> <li> <a href="https://www.npmjs.com/package/@fetch-doctor/shared" rel="noopener noreferrer"><code>@fetch-doctor/shared</code></a> — Shared Diagnostics &amp; Formatters</li> </ul> react javascript webdev performance