Categorias do Site

React

  • Guia prático do useActionState no React

    Aprenda a usar o useActionState no React para simplificar a gestão de estados e ações assíncronas em formulários.

    Aprenda a usar o useActionState no React para simplificar a gestão de estados e ações assíncronas em formulários.

    Ler notícia completa
    Ícone de átomo azul claro sobre um fundo texturizado com listras horizontais vermelhas e brancas desbotadas.
  • Como publicar apps React no GitHub Pages

    Aprenda a publicar aplicativos React no GitHub Pages com domínio personalizado e automação de deploy.

    Aprenda a publicar aplicativos React no GitHub Pages com domínio personalizado e automação de deploy.

    Ler notícia completa
    Ícones de átomo e GitHub preto sobre fundo abstrato amarelado com textura de pétalas.
  • 9 Melhores Alternativas ao Create React App

    Descubra as melhores alternativas ao Create React App, que foi descontinuado. Aprenda sobre Vite, Parcel, Next.js e mais.

    Descubra as melhores alternativas ao Create React App, que foi descontinuado. Aprenda sobre Vite, Parcel, Next.js e mais.

    Ler notícia completa
    Imagem de fundo texturizado em tons de preto e amarelo com um símbolo azul de átomo desenhado sobreposto no centro.
  • Gerencie closures JavaScript em React

    O manejo adequado de closures em JavaScript é essencial para qualquer projeto. Em projetos React, closures podem se manifestar de maneiras não aparentes. Este artigo explica o que são closures e como gerenciá-las com exemplos práticos, incluindo um caso real de produção. Uma closure em JavaScript é a relação entre uma função e referências ao […]

    Aprenda a gerenciar closures JavaScript em projetos React com exemplos práticos e dicas de estado.

    Ler notícia completa
    Logotipo do JavaScript (JS) sobre fundo artístico azul e rosa manchado.
  • Crie um módulo Turbo React Native para Android

    Os Módulos Turbo Native são uma adição recente à arquitetura do React Native, otimizando a criação de módulos nativos e melhorando a performance. Neste tutorial, construímos um módulo Turbo Native personalizado para Android, permitindo que o app React Native acesse APIs móveis nativas e obtenha informações como modelo do dispositivo, endereço IP, tempo de atividade, […]

    Aprenda a criar um módulo Turbo Native personalizado para Android em React Native, acessando APIs nativas.

    Ler notícia completa
    Logotipo azul claro do React sobre blocos geométricos multicoloridos em um fundo suave de tons pastel.
  • O que é MERN Stack? Guia Completo com Exemplos

    A MERN Stack é composta por MongoDB, Express.js, React e Node.js, ferramentas JavaScript que capacitam desenvolvedores a criar sites e aplicativos modernos e dinâmicos. Essas tecnologias são amplamente utilizadas por empresas como Netflix, Meta e AWS. O MongoDB é um banco de dados NoSQL que armazena dados em formato BSON, ideal para aplicativos que exigem […]

    Entenda o MERN Stack e como usá-lo para criar apps modernas e dinâmicas com JavaScript.

    Ler notícia completa
    Ilustração de uma figura humana em silhueta controlando uma estrutura flutuante de camadas coloridas, que representam dados ou tecnologia, sobre um fundo escuro com ícones tecnológicos.
  • Melhores bibliotecas de contagem regressiva React

    Contadores regressivos são recursos essenciais em interfaces de usuário, utilizados para criar urgência e estimular o engajamento. Eles são especialmente úteis para coordenar eventos virtuais, organizar inscrições, agendar vendas em e-commerces e muito mais. Neste artigo, exploramos as melhores bibliotecas de componentes de contagem regressiva do React e como criar seus próprios timers personalizados. React […]

    Descubra as principais bibliotecas de contagem regressiva React para melhorar a experiência do usuário em seus projetos.

    Ler notícia completa
    Ilustração de três cronômetros digitais em tons de azul e amarelo com diferentes unidades de tempo: horas, minutos e segundos.
  • 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
    Um ícone estilizado de átomo em tons de roxo sobre um fundo degradê com tons de branco, amarelo e preto.
  • 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
    Ícone azul de átomo sobre fundo ondulado com faixas azuis e marrons.
  • 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
    Símbolos pretos semelhantes a setas e exclamação sobre fundo gradiente laranja-amarelo.
  • 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
    Fundo texturizado claro com uma figura geométrica vermelha ao centro, assemelhando-se a um spinner, e três círculos pretos próximos.