Skip to content
albarmox logo
albarmox
software engineer · frontend
[ WRITING / LOG.SYS ]

WRITING ABOUT FRONTEND CRAFT.

Notes on architecture, tooling, and the decisions behind building fast and maintainable frontend systems.

10ARTICLES
May 25, 2026

State Management Strategy: When to Use Local, Global, and Server State

Not all state is equal. Learn the clear boundaries between local, global, and server state — and how to pick the right tool for each without over-engineering.

READ.ARTICLE >>>
May 18, 2026

Git Workflow Standards for Frontend Teams

Practical standards for branch naming, commit messages, and pull request descriptions that make code review faster and git history actually useful.

READ.ARTICLE >>>
June 8, 2026

API Service Layers: Separating Business Logic from UI Components

Why direct fetch calls inside components are an anti-pattern — and how to build a proper service layer that makes your code testable, reusable, and maintainable.

READ.ARTICLE >>>
June 30, 2025

Core Web Vitals: A Practical Guide to Optimizing LCP and FCP

Don't let a slow website hurt your user experience. This article provides actionable steps to diagnose and fix common issues affecting Largest and First Contentful Paint.

READ.ARTICLE >>>
June 29, 2026

Frontend Development Standardization: Why Consistency Matters

A comprehensive look at why teams need standardization across structure, naming, components, and API patterns — and how to enforce them effectively.

READ.ARTICLE >>>
June 22, 2026

Building Reusable React Components: The Right Way

Learn how to design components with single responsibility, proper typing, and clear interfaces — and why separating UI from business logic matters.

READ.ARTICLE >>>
June 15, 2026

TypeScript in Frontend Development: Stop Using `any`

Practical guidance on TypeScript best practices — proper typing for components, services, and utilities — and why eliminating `any` makes your codebase safer.

READ.ARTICLE >>>
June 12, 2025

Building a Design System with Storybook and Tailwind CSS

Learn how to create a robust and maintainable design system from scratch. We'll cover setting up Storybook, integrating Tailwind CSS, and documenting components effectively.

READ.ARTICLE >>>
June 1, 2026

Form Handling Done Right: Validation, UX, and Error Feedback

A practical guide to building production-quality forms with React Hook Form and Zod — covering validation, loading states, error messages, and accessibility.

READ.ARTICLE >>>
July 28, 2025

Mastering TypeScript Generics for Reusable Components

Take your TypeScript skills to the next level. This guide explains how to use generics to create highly reusable and type-safe React components for any data structure.

READ.ARTICLE >>>
Localoka project preview
RECENTLY ADDED>>> Localoka case study