Tag react

Content related to this tag across projects and blogs.

Building an Operations Platform for a Shoe Cleaning Shop

What I learned building UmimaClean - why frozen prices are the most important decision in the schema, how a conditional UPDATE stops two staff driving to the same address, why a payment webhook needs an escape hatch, and the parts I would build differently.

adonisjsinertiareactpostgresqlarchitecture
The UmimaClean Stack, Part 11: Tailwind 4, Base UI, and Recharts

The frontend layer in detail - config-in-CSS and what disappeared with tailwind.config.js, why components are copied rather than installed, cva variants over prop soup, atomic-design folders that actually answer a question, and charts that theme themselves through CSS variables.

tailwindcssreactbase-uirechartsfrontend
The UmimaClean Stack, Part 4: Inertia.js, or Deleting the API Layer

What it means to build a React app with no API - how Inertia visits work, shared props via middleware, flash messages and validation errors that arrive automatically, why SSR is configured but off, and the mobile app I gave up to get here.

inertiareactadonisjsfrontendarchitecture
The UmimaClean Stack, Part 5: Transformers, Typed Routes, and Forms Without State

The layer between a model and a page - variants that encode who may see what, why depth is a property of the resource, Tuyau turning route names into compile-time checks, and Inertia 2 forms that need no useState at all.

inertiareactadonisjstypescriptfrontend
The UmimaClean Stack, Part 6: Realtime with Transmit and Server-Sent Events

Why SSE beat WebSockets for a one-directional problem - how Transmit channels and authorisation work, the two channels this app has, why broadcasts carry stored values instead of labels, and what breaks when you run more than one process.

adonisjstransmitsserealtimereact
The UmimaClean Stack, Part 7: Leaflet, Pinpointing, and Geospatial Rules

Building an address picker people can actually use on a phone - why the marker is fixed and the map moves, react-leaflet hooks, the tile layer licensing corner, Haversine distance for route ordering, and a service area that is not a circle.

leafletreactmapsgeospatialfrontend
The Stack Behind UmimaClean: AdonisJS, Inertia, Leaflet, Midtrans

A tour of every library in a real production codebase and what each one actually cost - why AdonisJS over Express, Inertia instead of a REST API, Leaflet with Google tiles, Midtrans Core API over Snap, and the two data-type gotchas that broke my spreadsheet exports.

adonisjsinertiareactleafletmidtranstypescript
© 2026 r3p.dev. All rights reserved.