Emanuelly Leoncio. Fala, dev! Tudo certo? Para quem desenvolve aplicações, pode ocorrer a necessidade de consumir uma API externa. Neste artigo, iremos criar uma página em React que irá consumir a API chamada HP-API, a qual traz diversas informações dos personagens do filme Harry Potter, suas casas e feitiços. Nosso

Olá! Hoje vou compartilhar com vocês algumas reflexões pessoais sobre um tema que tem estado em minha mente ultimamente: A mudança na forma como usamos create-react-app (CRA) e como isso beneficia a experiência dos desenvolvedores em React. Por que o create-react-app não é mais conveniente? Há algum tempo, o CRA

O React se tornou uma das bibliotecas JavaScript mais populares para construção de interfaces de usuário incríveis. Sua flexibilidade e eficiência permitiram o desenvolvimento de aplicações web modernas e dinâmicas. No entanto, à medida que os projetos React crescem em escala e complexidade, surge a necessidade de adotar uma estrutura

Você é um/a desenvolvedor/a web em busca de novas habilidades e projetos interessantes? Eu tenho uma proposta para você! Neste artigo, irei guiá-lo/a no emocionante mundo da construção de landing pages usando React com os primeiros passos e recomendações. Se você possui conhecimentos básicos de HTML, CSS

O gerenciamento de projetos tornou-se cada vez mais importante na esfera profissional e pessoal. Ter uma ferramenta que nos permita organizar eficazmente as nossas tarefas é essencial para atingir os nossos objetivos com eficiência. O que é React e por que usá-lo? React é uma biblioteca JavaScript usada para construir

Como vai? Estou de volta para ajudá-los, desta vez, a desenvolver um jogo de memória emocionante usando React.js e Tailwind. Ao longo deste tutorial, você aprenderá os conceitos fundamentais do React e como aplicá-los para criar uma experiência interativa. Além disso, fornecerei instruções passo a passo para seguir e

Nós programadores temos o desafio de fazer seus códigos ficarem bonitos e fáceis de entender. Eles precisam organizar as informações e seguir padrões para que qualquer um possa ler e entender o que está acontecendo. Isso é importante porque ajuda a tornar o código mais eficiente, fácil de manter e

O desenvolvimento de aplicações web tem se tornado cada vez mais popular, com o React se posicionando como uma das bibliotecas mais utilizadas para a criação de interfaces de usuário interativas. Neste artigo vou te ensinar como fazer um carrinho de compras usando React. React é uma das plataformas líderes

Nesse artigo, você terá a oportunidade de explorar um recurso extremamente valioso do React: as props. Esse recurso desempenha um papel fundamental ao permitir que argumentos sejam passados para os nossos componentes, conferindo-lhes flexibilidade e dinamismo. Como resultado, a reutilização de componentes se torna uma tarefa mais simples e eficiente

Nos últimos anos, o React se tornou uma das bibliotecas de JavaScript mais populares para desenvolvimento de aplicações web. Com sua arquitetura baseada em componentes, o React permite que os desenvolvedores criem interfaces de usuário reutilizáveis e fáceis de manter. No entanto, à medida que as aplicações crescem em tamanho

Como Desenvolvedora Frontend ou Fullstack, é fundamental ter domínio de CSS (Cascading Style Sheets) e, ao entrarmos no imenso mundo dev, notamos que existem diversas formas de utilizá-lo em projetos web. Embora possamos ignorar alguns deles, neste artigo compartilho 6 maneiras de adicionar CSS a projetos React.js, para que

React Native é uma framework que usamos para desenvolver aplicativos para celular. O seu diferencial é o fato de que podemos criar aplicativos para iOS e Android usando a mesma linguagem que usamos no desenvolvimento web: o JavaScript/TypeScript. Isso faz com que seja possível criar apps para diferentes ambientes,

React É muito popular entre os desenvolvedores atuais e um tema que eles devem conhecer muito bem são os hooks, que são relativamente novos e foram implementados em 2013 para solucionar deficiências que esta biblioteca apresentava durante seu lançamento. Neste artigo vou explicar a definição, importância e forma de usar

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