React
- Ler notícia completa
Crie um módulo Turbo React Native para Android
Aprenda a criar um módulo Turbo Native personalizado para Android em React Native, acessando APIs nativas.
Aprenda a criar um módulo Turbo Native personalizado para Android em React Native, acessando APIs nativas.
- Ler notícia completa
O que é MERN Stack? Guia Completo com Exemplos
Entenda o MERN Stack e como usá-lo para criar apps modernas e dinâmicas com JavaScript.
Entenda o MERN Stack e como usá-lo para criar apps modernas e dinâmicas com JavaScript.
- Ler notícia completa
Melhores bibliotecas de contagem regressiva React
Descubra as principais bibliotecas de contagem regressiva React para melhorar a experiência do usuário em seus projetos.
Descubra as principais bibliotecas de contagem regressiva React para melhorar a experiência do usuário em seus projetos.
- Ler notícia completa
Integração de React Islands em apps estáticas
React Islands oferece uma abordagem prática para integrar componentes React em aplicações web existentes. Esse padrão arquitetural permite que as equipes introduzam recursos modernos do React em bases de código legadas sem necessidade de uma reescrita completa, permitindo a modernização incremental enquanto mantém a estabilidade do sistema. O conceito central do React Islands envolve a […]
Aprenda a integrar componentes React em aplicações web existentes usando React Islands para modernização gradual.
- Ler notícia completa
Onlook: Editor Visual para React
A lacuna entre design e desenvolvimento frustra muitas equipes. Ferramentas como o Figma ajudam na criação de interfaces, mas os desenvolvedores enfrentam dificuldades ao converter esses designs em código funcional. O Onlook é uma nova ferramenta que integra recursos de design diretamente no ambiente de desenvolvimento, melhorando o fluxo de trabalho e a colaboração entre […]
Onlook integra design e desenvolvimento em React, melhorando a produtividade e reduzindo falhas.
- Ler notícia completa
Onlook: Editor Visual para React
Onlook: Editor Visual para React O Onlook é uma ferramenta que une design e desenvolvimento, trazendo funcionalidades de design diretamente para o ambiente de desenvolvimento. Ele permite que desenvolvedores criem e modifiquem interfaces de usuário enquanto trabalham com componentes React ao vivo. Com uma interface de manipulação direta semelhante ao Figma, oferece edição por arrastar […]
Onlook integra design e desenvolvimento em React com edição visual e código sincronizado em tempo real.
- Ler notícia completa
Crie uma UI em 60 seg com Shadcn e Framer AI
O desenvolvimento de interfaces (UI) está em constante evolução, e ferramentas como Shadcn e Framer AI estão facilitando esse processo. O Shadcn é uma biblioteca de componentes de UI open-source que utiliza Radix UI e Tailwind CSS, permitindo uma personalização flexível sem a instalação de pacotes npm. Já o Framer AI é uma ferramenta de […]
Aprenda a criar interfaces rápidas com Shadcn e Framer AI.
- Ler notícia completa
Renderização no servidor com React Router v7
React Router é uma solução popular para roteamento em SPAs, desenvolvida pela equipe do Remix. Melhorias incrementais aproximaram o React Router e o Remix em funcionalidade, levando à fusão no React Router v7. Com este lançamento, o React Router pode ser usado como uma biblioteca de roteamento ou um framework full-stack, incorporando toda a funcionalidade […]
Aprenda a usar o React Router v7 para renderização no servidor e construção de apps SSR e SSG com novas funcionalidades.
- Ler notícia completa
Gerenciando estados de carregamento no React
Skeletons de carregamento são espaços reservados que imitam o conteúdo sendo carregado em uma interface de usuário, proporcionando uma experiência mais amigável. Esses placeholders minimizam a frustração durante o tempo de espera, garantindo uma UI estável e visualmente suave. Neste guia, exploramos exemplos práticos e técnicas avançadas para construir estados de carregamento usando o pacote […]
Aprenda a usar React Loading Skeleton para otimizar a experiência de carregamento no React.
- Ler notícia completa
Deep Linking no React Native: Guia Completo
Introdução Deep linking e links universais são portas de entrada para seu aplicativo. Eles ajudam a reduzir a rotatividade e aumentar a lealdade dos usuários. Implementá-los corretamente impacta diretamente sua capacidade de realizar campanhas e promoções. No artigo, são abordadas formas de implementar deep linking no React Native com Typescript e como testar. O […]
Aprenda a implementar deep linking em apps React Native, melhorando a retenção e engajamento de usuários.
- Ler notícia completa
React 19: Turbine o Desempenho de Seu Site
React 19 traz melhorias significativas, como a introdução de um compilador que converte o código React em JavaScript regular, aumentando consideravelmente a performance e eliminando renderizações desnecessárias. O compilador facilita o carregamento preguiçoso e a divisão de códigos, tornando obsoleto o uso do React.lazy. Compilador React Assim como o Svelte, React agora inclui um compilador, […]
Descubra como o React 19 melhora a performance e simplifica o desenvolvimento web com novos recursos e otimizações.
