Skip to main content

14 posts tagged with "frontend"

View all tags

Octane: the React API without React underneath, and what it signals for the ecosystem

· 9 min read
Bruno Carneiro
Fundador da @TautornTech
Octane: the compiled React, without a virtual DOM

If you follow the React ecosystem closely, you've probably tripped over this announcement this week. Dominic Gannaway launched Octane, described as "the React programming model, compiled". It's the declared successor to Inferno, the framework Gannaway himself built back in 2016 with the same performance pitch.

It's worth pausing to understand two things. First, what it actually does technically. Second, and more important for anyone making stack decisions, what its arrival says about where React is heading.

Detecting Circular Imports with Madge (and Locking Down Regressions in Lint)

· 9 min read
Bruno Carneiro
Fundador da @TautornTech
Illustrative diagram of an import cycle between TypeScript modules

Anyone who has spent hours chasing an undefined in the middle of a bundle or a strange behavior only in production knows how an unresolved import chain can become a headache. One of the frequent culprits is the circular import: module A imports B, B imports C, and somewhere in the chain someone imports A again — closing a cycle.

It's wonderful — the build works, the project runs locally, but when you try to deploy, it breaks! \o/

I've seen this in small projects and in large ones; the only difference is the size of the problem you'll face. You can spot the headache with Madge and it's a lifesaver!

To lock up TypeScript, a circular import is a treat.

Front-end - Much More Than a Little Button

· 8 min read
Bruno Carneiro
Fundador da @TautornTech

Many people still associate the term frontend only with the visual appearance of a website or application — colors, buttons, layouts.

That famous phrase "it's just a button." But they don't understand what's behind that simple button that triggers multiple actions in the user interface and, in most cases, in other systems via API, for example.

Front-end development is frequently misunderstood. Many people still limit its definition to the purely visual layer — "just put a button there" or "just need to change that color." This misconception underestimates the complexity and impact that architectural decisions have on modern web development.

And with the rise of Vibe Coding, this view can be amplified. Frontend is just HTML and Backend is a bunch of CRUDs.

Those who work with development know that's not how it works. A simple system built in 1 hour that scales? Good luck.

Front-end Architecture

· 11 min read
Bruno Carneiro
Fundador da @TautornTech

This is an article I've wanted to write for a long time but kept putting off... Today I woke up at 5am and, by some hidden force of nature, sat down in front of the PC to write something mysterious that came out of my head.

Without further ado, the goal here is to describe some Front-end architectures — a complex and strangely underaddressed topic.

In this article I'll cover an example of architecture and the traps of not following a well-defined pattern. What I bring is the software developer's perspective and things they should care about to mitigate future problems, for themselves and for the company.

Software architecture is about what matters to the business.