Stop Mocking Everything: Why I Built a Selective Local Proxy Instead
A practical look at why fully mocking APIs or relying on unstable test accounts can slow down frontend development and how a small, selective local proxy can give you precise control over backend responses without breaking real integration. This post walks through the problem, the trade-offs, and a simple TypeScript + Express solution that keeps mocks outside your app while preserving confidence in your API contracts.
967 words
|
5 minutes
Cover Image of the Post
How @tsconfig/strictest + ts-reset changed the way I write TS
In this article, I share how discovering @tsconfig/strictest (through a colleague) and @total-typescript/ts-reset (through our CTO) changed the way I write TypeScript. Using simple before/after examples from one of my old projects, I show how these two packages crank up the compiler’s strictness, fix unsafe standard library typings, and help surface bugs early while actually making the codebase feel clearer and safer to work in.
1413 words
|
7 minutes
Cover Image of the Post
Theodo Analysis: Simple, Strong Lints for Dart & Flutter (with DCM power)
theodo_analysis is a plug-and-play lint preset for Dart/Flutter projects. It gives you a clean, consistent code style out of the box, excludes noisy generated files, and supports easy customization in analysis_options.yaml. It also plays nicely with Dart Code Metrics (DCM) so you can add powerful extras like code-health metrics, unused-code checks, and auto-fixes when you want them—no heavy setup.
669 words
|
3 minutes
Cover Image of the Post
Automate Your Flutter Development with Code Generation
Learn how to use Mason to automate repetitive Flutter boilerplate with custom bricks, hooks, and code generation — saving hours of development time while keeping your architecture consistent.
2195 words
|
11 minutes
Cover Image of the Post
Boot up your productivity with Figma + Dart via MCP
Discover how to supercharge your design-to-code workflow using Figma and Dart MCP servers. This article breaks down what Model Context Protocol (MCP) is, how it connects your AI tools (Cursor, Gemini, and Codex) to real design and development contexts, and shows exactly how to configure each client. You’ll also get practical prompt examples—turning Figma frames into Flutter widgets, fixing Dart issues automatically, and creating a seamless AI-assisted build pipeline from design to production.
1728 words
|
9 minutes
Cover Image of the Post
How to Configure SVG Support in React Native with react-native-svg-transformer
This guide walks you through setting up SVG support in a React Native (or Expo) project using the react-native-svg-transformer package. You’ll learn how to configure Metro, TypeScript declarations, Jest mocks, and test your setup with custom SVG props using .svgrrc.
490 words
|
2 minutes
Cover Image of the Post