React
-
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.
-
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.
-
Gerencie closures JavaScript em React
Aprenda a gerenciar closures JavaScript em projetos React com exemplos práticos e dicas de estado.
Aprenda a gerenciar closures JavaScript em projetos React com exemplos práticos e dicas de estado.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.