Vitor Rios articles - 51 total
Arquitetura Hexagonal: Exemplo com JS/TS
A Arquitetura Hexagonal, também conhecida como Ports and Adapters, é um modelo arquitetural criado...
![Testando debounce e throttle no React com Jest [setTimeout]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdw0cz75r3g6nyujvm07l.png)
Testando debounce e throttle no React com Jest [setTimeout]
Implementar debounce ou throttle no React é comum em buscas, inputs e eventos de scroll. Mas testar...
Testando Componentes com React Hook Form + Zod
A combinação entre React Hook Form (RHF) e Zod tem se tornado cada vez mais comum em projetos...
Mockando Endpoints com MSW em Testes com Jest e React Query
Quando usamos React Query em nossos projetos, temos uma série de funcionalidades poderosas ao nosso...
Simplificando Testes com it.each no Jest
Escrever testes automatizados é essencial para garantir a qualidade e a estabilidade das aplicações...
Como Configurar Múltiplas Contas do GitHub em um Único Computador
Se você trabalha com mais de uma conta do GitHub, seja uma pessoal e outra corporativa, pode...
Mockando Constantes em Testes com Jest: Um Exemplo Prático
Ao trabalhar com constantes em seus projetos, às vezes é necessário alterar seus valores para testar...
O que é uma Aplicação White Label?
Uma aplicação "white label" é um produto ou serviço que é produzido por uma empresa (o fabricante) e...
![Padrões de Projeto em React [HOCs, Render Props, Hooks]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxacrtfcj631abkswjzig.png)
Padrões de Projeto em React [HOCs, Render Props, Hooks]
Introdução Os padrões de projeto são soluções comprovadas para problemas comuns no...
Gerenciamento de Formulários Complexos em React com React Hook Form
Introdução Gerenciar formulários em aplicações React pode ser uma tarefa desafiadora,...
Acessibilidade em Aplicações React
Introdução Acessibilidade é um aspecto crucial no desenvolvimento de aplicações web,...
JavaScript Moderno: Recursos Avançados para Desenvolvedores
Introdução JavaScript tem evoluído rapidamente nos últimos anos, introduzindo uma série de...
Arquitetura Eficiente com Node.js e TypeScript
Introdução A combinação de Node.js e TypeScript tem se tornado uma escolha popular para...
Benefícios do Uso de Streams em Node.js
Introdução No processamento de grandes volumes de dados, o uso de streams em Node.js pode...
Integração Elegante de TailwindCSS com React
Introdução TailwindCSS tem se destacado como uma ferramenta inovadora para a criação de...
Como Usar Autocomplete em TypeScript com Tipos Literais e Strings Arbitrárias
No desenvolvimento de aplicações com TypeScript, é comum definir tipos específicos para propriedades,...
Gerenciamento de Estado com Context API vs Redux
Introdução O gerenciamento de estado é um aspecto crucial no desenvolvimento de aplicações...
Implementando Lazy Loading em Componentes React
Introdução Lazy loading é uma técnica de otimização que permite carregar componentes sob...
Implementando Modal de Confirmação Reutilizável com React
Introdução Modais de confirmação são componentes essenciais em muitas aplicações web,...
Entendendo Polling: Técnicas, Implementações e Alternativas para Comunicação em Tempo Real
Requisições feitas por pooling, ou polling (a palavra correta em inglês), referem-se a uma técnica de...
Dominando o Next.js: Dicas para Renderização do Lado do Servidor
Introdução Next.js é um framework de React que fornece funcionalidades prontas para...
Diferenças entre o jest.spyOn e jest.mock
Sim, existem diferenças importantes entre jest.mock e jest.spyOn, embora ambos sejam usados para...
Entendendo as Nomenclaturas getBy..., findBy... e queryBy... no Jest
No contexto de testes com Jest, especialmente ao testar componentes React usando...
Diferença entre os Operadores `??` e `||` em TypeScript
Quando se trata de fornecer valores padrão em TypeScript (ou JavaScript), os operadores ?? (Nullish...
Como Escrever Testes Unitários para Serviços Backend com Dependências de Banco de Dados Usando SQLite In-Memory
Introdução Ao desenvolver serviços backend, os testes unitários são cruciais para garantir...
Melhorando Pipelines no Bitbucket: Cache, Reutilização de Steps e Execução Paralela
Introdução Bitbucket Pipelines é uma ferramenta poderosa para integração contínua (CI) e...
Server Side Components no React: O Futuro da Renderização?
Introdução React é um dos frameworks de frontend mais populares e versáteis, usado para...
Como Configurar uma Pipeline para Bitbucket Pipelines em um Projeto Node.js
Introdução Bitbucket Pipelines é uma ferramenta poderosa de integração contínua e entrega...
Utilização e Benefícios do Rerender em Testes de Componentes React com Jest e React Testing Library
Introdução No desenvolvimento de aplicações React, garantir que os componentes se...
Implementando uma Estrutura de Dados de Fila com ReactJS
Introdução As filas (queues) são estruturas de dados fundamentais usadas em muitos...