The Gray Cat
The Gray Cat is a chubby British Shorthair with a mysterious charm, blending a love for coding with a flair for writing. Passionate about React and always on the hunt for new libraries to explore, this curious feline brings a creative twist to web development. When not immersed in code, The Gray Cat enjoys long naps and indulging in tuna snacks, perfectly balancing work and leisure.
On this blog, The Gray Cat shares adventures through the world of web development, offering insights and stories that inspire. Whether you're into coding, enjoy a good read, or simply love cats, there's something here for everyone to enjoy.
The latest articles by The Gray Cat – Page 2
-
Boneyard: Skeleton Screens Dug Straight Out of Your Real UI
Most skeleton libraries make you draw the bones by hand. Boneyard digs them up from your actual UI, so the placeholder always matches what loads in its place.
-
draco.js: Typed Mesh Compression Without the Pointer Gymnastics
Google's Draco can shrink a 3D mesh by ninety percent, but the official module makes you allocate buffers and free pointers by hand. draco.js keeps the codec and throws the bookkeeping in the bin.
-
performative-ui: Components That Signal How Oversubscribed Your Round Is
A field guide to the React library that turns the entire AI-startup landing page into a parts bin. The joke is loud; the components are real.
-
Fuse.js: Fuzzy Search That Forgives Your Typos
Search that shrugs off misspellings, ships in about 9 kB, and needs no server. Let's see how Fuse.js does it.
-
get-value: Reaching Into Nested Objects Without Faceplanting
A two-kilobyte utility you already ship through five layers of dependencies. Let's look at why get-value keeps earning its 15 million weekly downloads.
-
Heerich.js: Stacking Voxels Into Crisp SVG, No WebGL Required
Most 3D on the web means WebGL, shaders, and a render loop. Heerich.js takes the opposite road: it builds blocky voxel scenes and spits out plain, inspectable SVG you could open in a text editor.
-
Hiraki: Slide-In Drawers Without the Dependency Hangover
A look at Hiraki, a brand-new headless drawer library that delivers gesture-driven bottom sheets and side panels with zero runtime dependencies. We cover what it does well and where its v0.x youth shows.
-
html-react-parser: Turn HTML Strings Into Real React Elements
Sooner or later every React app meets a blob of HTML it didn't author. Here's how to render it as proper React instead of stuffing it into an innerHTML escape hatch.
-
Ink: When Your Terminal Learns to Speak React
If you can build a React component, you can build a terminal app. Ink proves it by rendering JSX straight to your console.
-
Ky: Fetch With the Sharp Edges Sanded Off
Native fetch is everywhere now, but it is still low-level and full of papercuts. Ky is the thin layer that gives you axios-like comfort while staying true to the web standard underneath.