Por que isso é importante

O surgimento do Valdi marca um possível ponto de virada para quem desenvolve apps multiplataforma: performance nativa, UI declarativa e TypeScript em um só lugar. Neste artigo, você vai entender como o Valdi desafia padrões consolidados, indo além do React Native, e por que vale ficar de olho – principalmente se sua meta é criar apps mais rápidos, modernos e robustos.

O que é o Valdi?

Valdi é o novo framework de UI open-source, lançado pela empresa do Snapchat, projetado para criar aplicativos multiplataforma com foco em performance nativa, experiência fluida e produtividade máxima do desenvolvedor. Ele permite escrever toda a estrutura do app em TypeScript declarativo, que é convertido diretamente para views nativas em iOS, Android e macOS – tudo sem bridges JavaScript, sem webviews e sem sacrificar velocidade.

ℹ️Atenção

Valdi já roda nos principais produtos do Snapchat há mais de 8 anos, provando suas promessas em apps reais de alto tráfego e exigência.

Como o Valdi é diferente do React Native?

Ao contrário do React Native antigo, que usava bridges JavaScript para conectar lógica ao render nativo, Valdi compila o TypeScript em código nativo direto. Não há webviews, nem dependência de bridges – tudo é processado por um mecanismo próprio, garantindo menor latência. Além disso, a arquitetura do Valdi lembra o React clássico, mas usa classes e componentes que extendem de um core próprio, e aproveita o Flexbox via Yoga para layout totalmente familiar.

ℹ️Comparação

O Valdi elimina a necessidade de libs externas para animações e gestos – tudo isso já está embutido no framework, ao contrário de stacks React Native tradicionais.

Performance Nativa Real: O Fator Decisivo

O maior diferencial do Valdi é entregar uma experiência nativa real: componentes renderizam de forma independente, reduzindo re-renderizações globais, cada parte da interface aparece apenas quando visible (viewport aware) e há um sistema avançado de reciclagem de views. Isso resulta em rolagem suave, transições rápidas e uso eficiente de memória.

✅Atenção

Testes com aplicativos do Snapchat mostraram que apps Valdi conseguem velocidade e responsividade idênticas (ou melhores) que soluções nativas tradicionais de cada plataforma.

UI Declarativa com TypeScript – Um Novo Paradigma

Valdi permite criar telas nativas usando sintaxe TSX familiar a quem já programou em React ou React Native: classes, propriedades, métodos e controles de tipo trazem segurança e previsibilidade. Componentes são criados extendendo de ValdiCore.Component, e toda lógica, desde eventos até propriedades customizadas, pode ser modelada em TypeScript moderno.

Layout Flexbox e Ligações ao Yoga

Um dos trunfos do Valdi é trazer o layout Flexbox (via engine Yoga, famosa no React Native) pronto pra usar. Quem já faz apps em React Native vai se sentir em casa, com acesso a propriedades, playground online e documentação consistente para modelar interfaces flexíveis em todas as plataformas.

Gestão de Dependências e Setup Automatizado

O Valdi simplifica a vida do dev: para iniciar um projeto, um comando configura todas as dependências essenciais (Homebrew, Bazel, Java, Android tools etc), além do próprio CLI do Valdi. O framework te guia desde a criação do app até o build, reduzindo tempo com configuração – e acelerando a produção.

⚠️Atenção

O setup completo exige Mac ou Linux para build de iOS/macOS. Nem tudo é simples no começo: problemas no path, Android NDK ou permissões podem aparecer, mas a documentação auxilia nos principais obstáculos.

Animações, Gestos e Interatividade Nativa Incluídas

Animações smooth, gestos como swipe, pinch e double-tap e até test frameworks já vêm embutidas no Valdi – eliminando a necessidade de instalar múltiplas bibliotecas extras para recursos básicos. A sintaxe de animação é declarativa, fácil de entender e “previsível” no uso.

Debugging, Hot Reload e Experiência Dev Moderna

Desenvolvedores podem contar com hot reload instantâneo, integração com VS Code, console output amigável e debugging direto – tudo para acelerar ajustes no código, testar hipóteses rapidamente e reduzir turnaround time para experiências de prototipagem e lançamento.

Bazel e Builds Incrementais: O Segredo da Velocidade

O Valdi se integra ao Bazel, sistema de build famoso do Google, para gerar builds incrementais, rápidos e reproduzíveis. Isso acelera compilações tanto em desenvolvimento quanto no CI/CD, facilitando criação e publicação de updates para iOS, Android e macOS.

Multi-thread: JavaScript em Paralelo

Assim como soluções modernas (ex. worklets no React Native), o Valdi suporta execução JS em múltiplas threads paralelas, separando renderização, lógica de negócios e animação – melhorando ainda mais o desempenho em cenários complexos.

Como Começar: Bootstrap e Primeiros Passos

Depois do setup (CLI global instalado), o dev pode rodar comandos simples no terminal para criar um app UI ou até uma CLI App! O Valdi interage passo-a-passo, pede alguns parâmetros básicos e inicia o projeto com exemplos já funcionando – inclusive hot reload ativado para iOS ou Android.

Principais Limitações Encontradas

Por ainda estar em beta e nas primeiras versões públicas, o Valdi pode apresentar alertas em excesso, problemas de path (ex: NDK, Android config), erros de tipagem e dificuldades com algumas ferramentas. No entanto, a comunidade já começou a reportar soluções e a documentação evolui diariamente.

❌Atenção

É esperado que parte do setup atual seja lento e cause frustração inicial, especialmente por depender de ferramentas de desenvolvimento em constante atualização.

Comparativo: Quando Vale Testar o Valdi?

Valdi brilha quando sua meta é lançar apps multiplataforma com experiências nativas, UI flexível, performance máxima e controle total via TypeScript. Para quem já lida com React Native ou quer fugir de bridges/webviews, o framework oferece novo padrão em produtividade e fluidez. Não recomendado para times dependentes de plugins web maduros ou em busca de compatibilidade máxima com stacks legadas.

Alternativas e Futuro da Stack Cross-Platform

Enquanto o React Native evolui para adotar conceitos semelhantes (ex: TurboModules, Fabric, Reanimated, React Compiler), Valdi já oferece tudo embutido, de ponta-a-ponta. No cenário atual, vale experimentar o Valdi para projetos novos e acompanhar sua evolução, pois há chances de se tornar referência ou até inspirar novidades no ecossistema web e mobile.

Vale a Pena Mudar Para o Valdi?

A adoção do Valdi deve ser estratégica: começa como aposta para inovadores, mas pode beneficiar equipes que querem simplificar stacks e focar na essência da experiência nativa. O projeto já nasce forte, rodando em apps massivos como o Snapchat. Fique de olho nos updates e prepare-se para um novo paradigma mobile.

✅DevDoido no Youtube

Quer ver na prática como aplicar conceitos de frameworks modernos, criar apps mobile de verdade e descobrir truques profissionais? Acesse o canal Dev Doido no Youtube e aprenda o que há de mais novo no universo mobile e React!

Resumo: Pontos-Chave Sobre o Valdi

1. Compila TypeScript declarativo para views nativas reais, sem bridges nem webview. 2. Traz Flexbox familiar e animações/gestos nativas já embutidas. 3. Hot reload, debugging integrado, builds rápidos via Bazel. 4. Layout, performance e arquitetura pensados para apps modernos. 5. Beta, em rápida evolução e promissor para revolucionar o desenvolvimento multiplataforma.

Valdi: O Framework da Snap Chega para Revolucionar o Desenvolvimento de Apps Cross-Platform