Luísa Barros. React Native é um framework JavaScript utilizado principalmente na construção de aplicações cross-platform para dispositivos móveis. O desenvolvimento de interfaces que captam a atenção do usuário envolve muitas variáveis, e uma delas é o conjunto de estilos que irá compor essa interface. Nesse artigo, iremos detalhar a importância

Bem-vindo a este tutorial avançado sobre como criar um dashboard interativo com React e dados do banco de dados PostgreSQL! Neste guia detalhado, você aprenderá a desenvolver um aplicativo poderoso que exibirá informações relevantes em um gráfico de área, utilizando dados armazenados em um banco de dados PostgreSQL. Com esta

Nesta segunda parte vamos nos aprofundar nas quatro opções de desenvolvimento em React: Remix, Expo, Gatsby e Next.js. Analisaremos detalhadamente os prós e os contras de cada um e forneceremos exemplos de código para ilustrar seus recursos exclusivos. Vamos lá! Remix Remix nasceu da criatividade de Ryan Florence e

Os sliders ou controles deslizantes são elementos de UI muito comuns em aplicativos da web modernos. Eles permitem que os usuários selecionem um valor dentro de um determinado intervalo, como a avaliação de um produto, o preço de um item ou qualquer outro valor numérico contínuo. Neste artigo, explicaremos como

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