Handpicked
When Your React App Renders Twice and No One Knows Why: Understanding Hydration
Ever built a React app that seems to flicker on load, or worse, throws hydration errors that make no sense? You're not alone. I've been down the React hydration rabbit hole, and it's a critical concept for anyone building performant and stable server-rendered React applications.
When Your Database Needs to Think: Adding AI Search with pgvector
Semantic search using embeddings is a game-changer, but integrating it often feels like a separate service problem. What if your existing Postgres database could handle it natively?
When Your Data Visualization Needs to Be More Than Just a Static Chart: Diving into Plotly.js
Tired of static charts that only tell half the story? Plotly.js offers a powerful way to bring your data to life with rich interactivity, letting users explore and understand complex datasets directly in their browser. It's not just about pretty graphs; it's about making data explorable.
When Your Markdown Notes Need to Act Like a Database: Diving into SilverBullet
I've been using Markdown for notes and documentation for years, but it always felt like I was leaving so much on the table. How do you query across files? How do you create dynamic dashboards? SilverBullet finally tackles this, turning simple Markdown into a surprisingly powerful, queryable knowledg
When Your E2E Tests Need to Be More Than Just Clicking Buttons: Diving into Playwright's API Capabilities
Most developers use Playwright for UI automation, clicking through pages and asserting on elements. But its underlying API client is a hidden gem, allowing you to combine UI interactions with direct API calls for faster, more robust end-to-end tests.
When Your React Components Need Real Slots: Beyond just `children`
React's 'children' prop is powerful, but when you need multiple distinct content areas, it falls short. Named slots are the common solution in other frameworks, and while React doesn't have them natively, we can build a robust, type-safe version using a clever trick: inspecting child types.
When Your Frontend Needs to Stop Managing Form State and Start Declaring It: React Form Actions
React 19 brings a paradigm shift for forms. No more manual loading states, error handling, or optimistic updates. With useActionState and useFormStatus, you declare your intent, and React handles the messy details, bringing server-side logic closer to your components.
When Your Spreadsheet Lies: Building a Battery Calculator That Understands Chemistry
Off-grid power systems are a hot topic, but most battery calculators miss the crucial details of battery chemistry, leading to over-spec'd or underperforming systems. Let's build a calculator that accounts for discharge curves and Peukert's law, giving you real-world capacity.
When Your Frontend Needs True Real-Time Collaboration: Diving into Fluid Framework
Building truly collaborative web applications, where multiple users interact with the same data in real-time, is notoriously hard. Fluid Framework offers a different approach, abstracting away the complexities of distributed state management and conflict resolution. Let's see how it transforms colla
