Writing about development, business, and personal life experiences.
Como melhorar o desempenho de aplicações React com Code Splitting
O desempenho é um fator crítico no sucesso de qualquer aplicação web. Uma aplicação rápida e responsiva pode proporcionar uma excelente experiência para o seu usuário, enquanto uma aplicação lenta pode gerar frustrações. Uma abordagem importante para melhorar o desempenho de suas aplicações React é o Code Splitting....
O que são React Server Components?
Nos últimos dias o React Server Components vem sendo bem falado pela comunidade em geral, mas você sabe o que é isso, para que serve e qual dor ele vem resolver? Vem comigo que vou te explicar tudo o que você precisa saber sobre o RSC. Antes de mais nada, o que é React Server Componentes? O React Server Components (RSC) permite que o servidor e o cliente (navegador) trabalhem juntos na renderização...
10 hooks do React que você precisa conhecer
O React é uma biblioteca JavaScript amplamente usada para criar interfaces de usuário. Uma das suas características mais valiosas é o sistema de Hooks, que permite o uso de estado e outros recursos do React sem a necessidade de escrever uma classe. Embora o useState e o useEffect sejam os Hooks mais conhecidos, o React oferece uma variedade de Hooks menos comuns que podem ser extremamente úteis...
Como melhorar a acessibilidade em aplicações React
A acessibilidade é uma parte essencial do desenvolvimento de aplicações web, garantindo que todos os usuários, incluindo aqueles com deficiências, possam utilizar nossos produtos de forma eficiente e eficaz. Neste post, abordarei algumas técnicas para aplicar acessibilidade em aplicações React. Vamos ver exemplos práticos de como tornar nossas aplicações mais inclusivas...
Monitorando as atividades dos seus usuários usando o Microsoft Clarity em aplicações React
Como disse o Nadella, manter a atenção e o engajamento do usuário é uma commodity extremamente valiosa, e como fazer isso? Um dos principais pontos é entender qual é o comportamento do seu usuário! Coletar dados de como o usuário está se comportando dentro da sua aplicação é uma ferramenta poderosa para decisões de experiência do usuário e marketing.
Arquitetura para aplicações React v2
A aproximadamente um ano atrás fiz um post falando sobre como eu criava a arquitetura das aplicações em React, porém já se passo um bom tempo, e já estava na hora de fazer um update naquela estrutura. Esse post é para te mostrar a nova maneira como estou criando minhas aplicações React.
Pare de usar variáveis de ambiente do jeito errado
Algum dia você já ficou procurando o que estava quebrando sua aplicação, e depois de um bom tempo descobriu que esqueceu de alguma variável de ambiente? Eu já, várias e várias vezes… Hoje venho te mostrar como acabar de vez com esse problema!
Criando uma biblioteca de Design System utilizando React
Design System é um documento vivo com todos os componentes e suas variações de um produto ou serviço, para facilitar tanto a comunicação entre times como o desenvolvimento final do produto. Ele facilita a manter a constância do design do produto. A ideia é que...
O que são Micro-frontends?
A algum tempo atrás, estávamos acostumados a criar aplicações monolíticas, ou seja, o frontend e o backend ficavam na mesma camada. E com a evolução da área surgiu os micro-serviços, onde conseguimos criar soluções independentes...
Você ainda usa CREATE-REACT-APP em 2022?
Se você ainda usa CRA para criar suas aplicações React, eu tenho uma alternativa que pode ser melhor! VITE é uma ferramenta de construção que visa fornecer uma experiência de desenvolvimento mais rápida e enxuta para projetos webs...
Arquitetura para aplicações Next.js
Recentemente fiz um post mostrando como monto a arquitetura das minhas aplicações utilizando React, se você não viu da uma olhada aqui, vai curtir bastante! E algumas pessoas me perguntaram como eu fazia com o.......
Feature escondida do navegador que pode mudar como você desenvolve sua UI
Recentemente descobri essa feature que tem otimizado meu trabalho durante o desenvolvimento de uma aplicação que é o document.designMode, se você também não conhece, se liga em um exemplo de como ela funciona......
Refresh Token com Axios Interceptors e fila de requisições
A um tempo atrás eu estava com problemas de refreshToken na aplicação de um cliente, o que acontecia era que a página Dashboard chamava 3 endpoints diferentes, e quando dava erro 401 (Unauthorized), meu interceptor que criei dentro......
Root import com React e TypeScript
Aposto que você já se perdeu nos caminhos relativos na hora de importar algo em sua aplicação certo? Então hoje vou te mostrar como resolvi esse problema nas minhas aplicações e nunca mais precisei perder tempo descobrindo......
Arquitetura para aplicações React
Hoje vou mostrar como crio a arquitetura das minhas aplicações front-end utilizando React, escalável e de uma forma organizada para ser de fácil entendimento e manutenção do código.....
Criando uma documentação com StoryBook para React
Hoje vou te mostrar uma ferramenta que vem ganhando bastante espaço na comunidade e no mercado, que é ninguém menos que o Storybook, uma ferramenta Open Source que prepara um....
Arquitetura de projetos React com diferentes módulos
Por ser uma lib, o React não cria muitas regras em como você deve organizar e estruturar seus projetos. E isso é muito legal, nos da a liberdade de criar como nós quisermos....
Dark Mode com React JS e Styled Components
Fala devs, beleza? Hoje vou ensinar para vocês um jeito bem simples de como criar o Dark Mode na sua aplicação React JS utilizando apenas Styled Components...
Como criar email forwarding gratuitos para seu domínio
Esses dias fiz um post sobre a hospedagem da Vercel, ensinando como fazer deploy de uma aplicação que você pode ver por aqui. Durante o meu uso do dia a dia, senti falta de um serviço de e-mail personalizado com o meu domínio, por exemplo,...
A melhor documentação do mundo!
Hoje vou compartilhar com vocês uma dica incrível de como usar o GitHub como documentação...
A melhor hospedagem grátis para o seu Front-End
Sempre usei os serviços da Hostinger Brasil para hospedar minhas aplicações, e nunca tive problemas, porém fiz uma nova versão do meu site pessoal utilizando React, e senti a falta de um deploy automático...
Refresh Token usando Axios Interceptors
Axios é um cliente HTTP, que funciona tanto no browser quanto em Node.Js. A biblioteca é basicamente uma API que sabe interagir tanto com XMLHttpRequest quanto com a interface HTTP do N...
O dia em que transformei uma caixa cinza em um jogo 2D
Durante essa semana participei da #ImersaoGameDev da Alura. Foram 5 dias em que o Guilherme Lima, Paulo Silveira e a Juliana Negreiros se dedicar...