REACT

React Development: Architecture, Performance and Production Lessons

I'm Alger Makiputin, a software engineering team lead and React developer from the Philippines. This is where I write about React the way I actually work with it — building, shipping, debugging and maintaining real web and mobile applications, not walking through beginner tutorials.

Everything here comes out of production. The architecture decisions, the state-management tradeoffs, the performance fixes, the offline-first data layer, the mobile releases to both app stores — they're lessons from apps I've built and continue to maintain, with the mistakes left in, because the mistakes are usually the useful part.

What I build

Personal Finance App

Hunter Vault

An offline-first personal finance app shipped to web, iOS and Android from a single React codebase. Local-first on Dexie and IndexedDB, syncing to Supabase and Firebase, packaged with Capacitor, and subscriptions via RevenueCat. Launched on both app stores in April 2026.

Case study

Multi-Tenant POS Platform

Zendtri POS

A multi-tenant point-of-sale and inventory platform on React, Vite and Supabase, where many businesses share one deployment and are kept isolated by Row Level Security. Covers POS checkout, inventory, purchasing, receiving, stock transfers, cash management, reporting and role-based access.

Case study

START HERE

How I Structure Production React Applications in 2026

The flagship piece that lays out the feature-based architecture the rest of this writing builds on.

React architecture

How I organize React apps so they stay changeable as they grow.

How I Structure Production React Applications in 2026

My feature-based architecture, state ownership, services and deployment, and what changes as an app scales.

React Folder Structure for Scalable Applications

The exact feature-based folder structure I use, and why it beats organizing by file type.

State and data management

Putting each kind of state in the right place.

How to Choose State Management for a React App

A decision framework for local, shared, server, URL, form and offline state.

React Context vs Zustand vs Server State

Where each one fails, and why in my apps most state belongs to none of them.

Performance and debugging

Finding and fixing what's actually slow.

Common React Performance Problems I Find in Production Apps

The repeat offenders behind 'slow React,' with before-and-after fixes.

How to Find Unnecessary React Re-renders

A repeatable DevTools workflow: measure, find the cause, fix the narrowest thing, re-measure.

Testing and maintainability

Testing for confidence, not coverage.

Testing React Applications Without Testing Every Implementation Detail

A risk-based testing strategy that tests behavior, not internals.

How I Handle Forms and Validation in Large React Applications

Matching the form approach to the interaction, from controlled state to schema validation.

React for mobile and real-world products

Shipping React beyond the browser.

Building an Offline-First React App with Dexie and IndexedDB

How I built a local-first finance app with Dexie, reactive queries and background cloud sync.

Turning a React Web App into iOS and Android Apps with Capacitor

Shipping one React codebase to both app stores, and when React Native is the better call.

React and Supabase Architecture for Multi-Tenant Applications

Tenant isolation with Row Level Security, roles and branches.

Coming soon

Leading React projects

Lessons from working as a frontend lead, beyond the code.

Lessons I Learned Leading a React Frontend Project

Managing scope, communicating tradeoffs, and keeping a team moving on a complex product.

Coming soon
Have an idea?

I can help you turn it into a scalable product.