A NavBar ou Barra de Navegação é uma parte fundamental de qualquer site, pois permite que os usuários se desloquem facilmente entre as diferentes seções do site. Neste tutorial, você aprenderá como criar um NavBar responsivo com React usando Chakra UI para estilos. 💡Observação: Se quiser, pode seguir meus passos

Durante o desenvolvimento de um determinado projeto, geralmente nos deparamos com demandas que rapidamente podem ser resolvidas com o uso de bibliotecas especializadas, como por exemplo o React-Google-Charts para gráficos, ou o Framer Motion para animações. Todavia, o que fazer quando determinada empresa ou projeto no qual estamos envolvidos não

A criação de aplicativos web é um trabalho com alta demanda atualmente e, saber como desenvolver projetos nessa área de forma rápida e eficiente pode trazer uma excelente fonte de renda. O programador frontend será responsável por programar as interfaces que é a camada de interação do sistema com o

Quando estamos falando de uma aplicação React comum, geralmente os dados são passados por hierarquia (de um componente “pai” para “filho” por meio de estados, ou de um componente “filho” para “pai” por meio de funções). Entretanto, esta forma de compartilhamento de informações fica muito complicada e extensa quando há

Imagine que você acabou de iniciar no desenvolvimento frontend e chegou o momento de escolher entre React ou Angular para iniciar essa jornada, ou, você precisa iniciar um novo projeto mas não sabe qual tecnologia será mais performática para o que precisa. Não se preocupe, este artigo irá te ajudar

Um menu lateral expansivo é um recurso muito comum em sites na atualidade. Além de garantir uma melhor usabilidade do espaço visual disponível, a sua utilização proporciona de forma organizada o acesso a listas de informações que só aparecerão na tela quando o usuário achar que é necessário. Neste artigo

Quando estamos criando uma determinada aplicação é normal arquitetarmos alguns pontos essenciais para seu funcionamento. Uma destas questões envolve quantas páginas nosso site terá e como ocorrerá a navegação entre elas. Para isso, o React possui uma biblioteca incrivelmente eficaz no que se oferece a fazer e que torna simples

O React Redux e o Context API são ferramentas que gerenciam o estado global da aplicação e servem para facilitar a comunicação de dados entre os componentes. Os frameworks são usados para armazenar informações em variáveis de fácil acesso. Sem essas bibliotecas de gerenciamento de estado, o único jeito de

A cada dia que passa o mundo da programação front end é empurrado para o foco na experiência do usuário. Uma boa interação entre a nossa aplicação e quem a utilizará define o sucesso ou não do que estamos fazendo e, neste aspecto, o processo de estilização é essencial. Pensando

Se tem uma coisa que estamos velhos de saber é que o universo da programação está em constante mudança. Com o passar do tempo, muitas linguagens tornam-se ainda mais eficazes pelo processo de adaptação e o React não é uma exceção. Pensando neste conceito, criamos um artigo que aborda os

Em algum momento, tivemos o mesmo erro no console: Warning: Each child in an array or operator should have a unique "key" prop. Também criamos maneiras diferentes de resolver esse erro. No entanto, você sabe exatamente o que acontece se atribuirmos um valor, índice ou identificador aleatório? Existe uma diferença?

No universo das demandas do desenvolvimento web existem muitos conceitos essenciais que precisam estar presentes no currículo do programador que deseja se apresentar ao mercado de trabalho. Saber criar barras de navegação, menus flutuantes ou expansivos, cabeçalhos e rodapés são exemplos de componentização que o desenvolvedor deve dominar na ponta

Com o passar dos anos, muitas ferramentas se tornaram essenciais para pessoas recrutadoras de cargos relacionados ao mundo da programação. Da mesma forma, muita coisa da parte de quem busca um emprego também mudou: quanto mais seu trabalho puder ser visto e mensurado, mais fácil você será encontrado e contratado

Hoje vou ensinar como fazer uma pequena aplicação web com os frameworks React.js e Vite.js para implantar na web, de forma que qualquer pessoa possa acessá-la em menos de 5 minutos. Parece incrível, mas é muito fácil, pois o Vite.js nos ajuda a gerar a estrutura de

Mauricio Bruno. O WordPress é uma ótima plataforma que suporta várias páginas e componentes. E só por ser tão grande pode intimidar quem quer desenvolver ali, ainda mais quando abrimos a documentação! Mas não se preocupe. Este artigo mostra que criar seus primeiros plugins e blocos do WordPress é relativamente