Inertia.js v3.0.0 Estável: Atualizações Otimistas e Adeus ao Axios

Apresentadora: E aí, pessoal, bem-vindos de volta ao Allur! Eu sou a Juliana Santos e é um prazer ter vocês aqui em mais um episódio do nosso mergulho semanal no mundo da tecnologia. Hoje o assunto é quente e vai direto ao coração de quem respira o ecossistema Laravel e desenvolvimento web moderno. A gente vai falar sobre o lançamento da versão estável do Inertia.js v3.0.0. Cara, se você é do time que defende o "Monolito Moderno", essa atualização não é só um "ajustezinho" não, tá? É uma mudança de patamar. A gente tá falando de atualizações otimistas nativas e uma decisão bem ousada da equipe do Jonathan Reinink: o adeus definitivo ao Axios. O que isso muda no seu dia a dia? Como isso impacta a experiência do usuário, especialmente aqui no Brasil onde a conexão às vezes deixa a desejar? É isso que vamos desbravar hoje. E para bater esse papo comigo, eu trouxe um cara que manja muito de arquitetura web e é figurinha carimbada na comunidade Laravel. Apresentadora: Hoje eu recebo aqui no Allur o Lucas Almeida! O Lucas é Desenvolvedor Full-stack Sênior, especialista em ecossistema Laravel e já vem acompanhando o Inertia desde as primeiras versões beta. Lucas, seja muito bem-vindo ao Allur, cara! Valeu demais por aceitar o convite. Convidado: Valeu, Juliana! O prazer é todo meu. Sou fã do Allur e falar de Inertia é, tipo assim, falar do que eu mais gosto de fazer no dia a dia. A v3 chegou com os dois pés na porta, né? Tem muita coisa massa pra gente comentar aqui que vai facilitar a vida de muita gente. Apresentadora: Com certeza! E Lucas, pra gente começar... a gente sempre ouve o termo "Monolito Moderno" quando fala de Inertia. Com a chegada dessa v3.0.0 estável, você sente que esse conceito finalmente atingiu a maturidade total? O que mudou na percepção dessa arquitetura? Convidado: Olha, Juliana, com certeza. No começo, o Inertia parecia um "pulo do gato" pra quem não queria montar uma API REST separada pro Vue ou React, sabe? Mas agora, na v3, ele se consolidou como uma plataforma completa. A grande sacada é que ele remove aquela fricção de "será que eu preciso de um Vuex ou Pinia pra gerenciar esse estado?". A v3 traz ferramentas nativas que antes a gente tinha que fazer "na mão" ou usando bibliotecas pesadas. Pros desenvolvedores aqui no Brasil, onde a gente busca muita produtividade e entrega rápida, o Inertia v3 reforça que você pode ter uma SPA incrível sem a dor de cabeça de gerenciar rotas de API e autenticação JWT complexa. É o pragmatismo levado ao nível máximo, sabe? Apresentadora: Massa! E tem um ponto que eu achei sensacional nessa versão, que são as "Atualizações Otimistas". Explica pra gente, de um jeito simples, o que é isso e por que é um divisor de águas pro UX? Convidado: Cara, isso aqui é o "pulo do gato" pra performance percebida. Sabe quando você clica num botão de "curtir" ou "deletar" e o app fica ali naquela rodinha de carregamento esperando o servidor responder? Isso quebra o fluxo do usuário. Com as Atualizações Otimistas da v3, o Inertia "assume" que a requisição vai dar certo e atualiza a interface instantaneamente. Se você clicou pra curtir, o coraçãozinho fica vermelho na hora! O Inertia cuida de enviar pro servidor em background. Se der erro, ele volta o estado anterior automaticamente. Na prática, a gente usa os novos hooks como o `onBefore` pra mudar o visual e o `onError` pra reverter. Pro usuário final, parece que o sistema é instantâneo, tipo mágica. E pra nossa realidade de internet móvel oscilando no ônibus ou no metrô, isso muda a cara do aplicativo, né? Apresentadora: Nossa, com certeza! Ninguém aguenta mais ficar olhando pra loader de carregamento por 3 segundos. Agora, Lucas, teve uma polêmica, né? Ou pelo menos uma surpresa: o adeus ao Axios. O Axios é tipo um padrão da indústria há anos. Por que o Inertia resolveu criar o próprio cliente HTTP interno? Foi um lance de "querer inventar a roda" ou tem uma estratégia real por trás? Convidado: (Risos) Pois é, quando eu vi o commit eu pensei: "Eita, corajosos!". Mas faz todo sentido quando você analisa tecnicamente. O Axios é incrível, mas ele é genérico. O Inertia precisava de algo que entendesse profundamente o protocolo dele. Ao trocar o Axios por um cliente XHR proprietário, o Inertia agora tem controle total do ciclo de vida da requisição. Isso facilita o cancelamento automático de requisições pendentes — sabe quando o cara clica cinco vezes no mesmo botão? — e melhora muito o rastreio de progresso de upload. Além disso, o bundle JavaScript fica menor, o que é sempre bom. Mas ó, pra quem tá ouvindo: fiquem atentos se vocês usam interceptadores globais do Axios. Na v3, você vai precisar configurar isso direto no objeto do Inertia. Não é difícil, mas é um ponto de atenção na migração. Apresentadora: Boa dica! É bom a galera já ir preparando o terreno. E falando em "terreno", como está a experiência de desenvolvimento, o famoso DX? Eu li que houve um esforço pra unificar os adaptadores de Vue, React e Svelte. Na prática, isso facilita a vida de quem trabalha em times com tecnologias variadas? Convidado: Muito! Antes, às vezes uma funcionalidade chegava primeiro pro Vue e demorava um pouco pro React, ou tinha um comportamento ligeiramente diferente. Agora a paridade é quase total. Outro ponto que eu amei foi o tratamento de erros. Sabe quando o Laravel devolve aquele erro de validação e você tem que ficar tratando o objeto de erros no frontend? Na v3 tá muito mais fluido. O Inertia captura e expõe esses erros de um jeito que você dá o feedback pro usuário quase sem escrever código de "catch". E pra quem faz dashboards, tipo sistemas de gestão que ficam abertos o dia todo, eles melhoraram muito a gestão de memória. Acabou aquele problema do app ir ficando "pesado" depois de horas de uso porque ele não limpava bem os eventos antigos. Apresentadora: É o tipo de coisa que a gente não vê, mas sente na estabilidade do sistema, né? Lucas, pra gente fechar esse ponto técnico: pra quem está no Inertia v2 e quer pular pra v3, o caminho é muito doloroso ou a equipe conseguiu manter uma transição suave? Convidado: Olha, Juliana, eu achei bem tranquila. Eles focaram em evolução orgânica. Tem algumas *breaking changes*, claro, principalmente por causa dessa saída do Axios, mas a documentação tá bem explicadinha. Eu diria que o maior desafio é mudar o "chip" mental e começar a usar as Atualizações Otimistas onde antes a gente usava loaders chatos. Vale muito a pena a migração pelo ganho de performance e pela simplicidade que o código ganha. Apresentadora: Show de bola! Bom, gente, o papo tá excelente, mas estamos chegando ao fim. O que fica claro é que o Inertia v3.0.0 não é só uma atualização técnica, é uma declaração de que o desenvolvimento full-stack integrado veio pra ficar e que a gente não precisa de arquiteturas super complexas pra entregar algo de alto nível. Lucas, queria te agradecer muito por ter vindo aqui no Allur compartilhar essa visão. Onde a galera consegue te achar pra trocar uma ideia sobre Laravel e Inertia? Convidado: Eu que agradeço o convite, Juliana! Foi massa demais. Quem quiser trocar uma ideia, eu tô sempre no X (antigo Twitter) como @lucasalmeida_dev e também no LinkedIn. E claro, fiquem de olho na documentação oficial do Inertia, porque os exemplos da v3 estão sensacionais. Valeu pessoal, e bora codar! Apresentadora: Valeu, Lucas! Sensacional as dicas. E pra você que ouviu a gente até aqui, o recado é claro: dá uma chance pro Inertia v3 se você quer produtividade e uma experiência de usuário de primeira. O link para as notas de lançamento e a nova documentação vai estar aqui na descrição do episódio.