Pular para o conteúdo principal

14 publicações com a etiqueta "frontend"

Ver todas as etiquetas

Octane: o React sem o React por baixo, e o que isso sinaliza pro ecossistema

· 8 min para ler
Bruno Carneiro
Fundador da @TautornTech
Octane: o React compilado, sem virtual DOM

Se você acompanha o ecossistema React de perto, provavelmente tropeçou nesse anúncio essa semana. Dominic Gannaway lançou o Octane, descrito como "o modelo de programação do React, compilado". É o sucessor declarado do Inferno, framework que o próprio Gannaway criou lá em 2016 com o mesmo pitch de performance. Um gênio indomável.

Vale parar pra entender duas coisas. Primeiro, o que ele faz tecnicamente. Segundo, e mais importante pra quem decide stack, o que a chegada dele diz sobre pra onde o React está indo.

Vamos para a maior de todas novidades da última semana!

Detectando imports circulares com Madge (e travando regressões no lint)

· 9 min para ler
Bruno Carneiro
Fundador da @TautornTech
Diagrama ilustrativo de um ciclo de imports entre módulos TypeScript

Quem já passou horas caçando um undefined no meio de um bundle ou um comportamento estranho em produção sabe como uma corrente de imports mal resolvida pode virar dor de cabeça. Um dos culpados frequentes é o import circular: o módulo A importa B, B importa C, e em algum lugar da cadeia alguém importa de novo o A — fechando um ciclo.

Isso é uma maravilha, o build funciona, o projeto roda local mas na hora de subir da pau! \o/

Eu já vi isso em projeto pequeno e em projeto grande; a diferença é só o tamanho do problema que você vai enfrentar. Da pra ver a dor de cabeça com o Madge e isso salva vida!

Pra travar o typescript é uma beleza circular import.

Front-end - Muito além do botãozinho

· 9 min para ler
Bruno Carneiro
Fundador da @TautornTech

Muitas pessoas ainda associam o termo frontend apenas à aparência visual de um site ou aplicativo — cores, botões, layouts.

Aquela famosa frase "é só um botão". Mas não entende o que está por trás daquele simples botão que dispara várias ações na interface do usuário e, na maioria dos casos, em outros sistemas via API, por exemplo.

O desenvolvimento Front-end é frequentemente mal compreendido. Muitas pessoas ainda limitam sua definição à camada puramente visual — "é só colocar um botão ali" ou "só precisa mudar essa cor". Este equívoco subestima a complexidade e o impacto que decisões arquiteturais têm no desenvolvimento web moderno.

E com a vinda do Vibe Coding, essa visão pode ser acentuada. Front-end é só HTML e Backend é um bando de CRUD.

Quem trabalha com desenvolvimento sabe que não é assim que funciona. Um sistema simples feito em 1h e que escale? Boa sorte.

Arquitetura Front-end

· 11 min para ler
Bruno Carneiro
Fundador da @TautornTech

Este é um artigo que quero escrever há muito tempo mas só enrolo... Hoje acordei às 5h e, por alguma força oculta da natureza, sentei em frente ao PC para poder escrever algo misterioso que sai da minha cabeça.

Sem mais enrolação, o objetivo aqui é descrever algumas arquiteturas Front-end que é um tema complexo e estranhamente abordado.

Neste artigo vou abordar um exemplo de arquitetura e armadilhas por não seguir um padrão bem definido. O que trago é uma visão do desenvolvedor de software e coisas que ele deve se preocupar para mitigar problemas futuros, para ele e para a empresa.

Arquitetura de software é sobre o que é importante para o negócio.