LSLahiru Shiraninlahirushiran.hashnode.dev·May 5, 2025 · 4 min readWhen Default HTML Inputs Fail: Building a Medical-Grade Numeric Input in ReactWhen developing healthcare applications, precision isn't just a nice-to-have—it's critical. This article explores how I discovered a subtle but dangerous flaw in the standard HTML number input and built a custom React solution that maintains data int...00
LSLahiru Shiraninlahirushiran.hashnode.dev·May 1, 2025 · 4 min readUnderstanding React Key Prop Behavior in Material-UI Autocomplete: A Deep DiveWhen working with Material-UI's Autocomplete component, you might encounter a puzzling warning about the React key prop. This article explores the underlying issue, explains how it affects React's reconciliation algorithm, and provides best practices...00
LSLahiru Shiraninlahirushiran.hashnode.dev·Apr 21, 2025 · 3 min readHow I Outsmarted <input type="number" />: Crafting a Reusable React Component for Precision Medical DataBuilding a Reliable Numeric Input for Medical Data in React When developing an optometry prescription system, I encountered an issue that looked minor at first—but had real-world clinical implications. The built-in HTML number input field silently al...00
LSLahiru Shiraninlahirushiran.hashnode.dev·Mar 19, 2025 · 3 min readStop Repeating Yourself: A Smarter Way to Fetch Data in React with Custom HookLet’s Create a Custome Hook called useGetSingleData Fetching data in React components is a common task but doing it the wrong way can lead to unnecessary complexity, repetition, and maintenance nightmares. If you've ever found yourself writing the sa...01W
LSLahiru Shiraninlahirushiran.hashnode.dev·Feb 24, 2025 · 5 min readMaster Encapsulation in Java - Unlock the Power of Getters, Setters & this Keyword!Introduction to Encapsulation What is Encapsulation ? Encapsulation is a way of keeping data safe inside a class. It means we hide the details of how something works and only allow access through special methods (getters and setters). This helps prot...00
