Coleção pessoal de artigos para estudo

Atualizado em 31 de agosto de 2025

Blog posts

Estudos

Coleção de artigos

Artigos para estudo e aprendizado. São publicações que vi através de newsletters que leio e recomendo. Blog posts desde 2020.

Formato:

dd/mm/yyyy (O dia que li o artigo):

Um link com a Data em que o post foi feito - Título do artigo

Breve descrição do que está escrito no artigo

Auto Aprendizado

21/12/2020:

Pare de Memorizar!: O Conselho #1 Que Eu Gostaria Que Alguém Tivesse Me Dado:

Foque em aprender habilidades de resolução de problemas e pratique algoritmos e estruturas de dados;
Não tenha medo de usar o Google + copiar e colar e aprenda a usar palavras-chave para encontrar o que você está procurando mais rápido;
Faça suas anotações de estudo de forma que sejam fáceis de consultar quando necessário.

21/07/2024:

01 de maio de 2024, Você precisa entender o negócio para projetar uma boa estratégia de engenharia

Como entender onde você trabalha para tomar decisões.

JavaScript

22/12/2020:

Série de Artigos Cheatsheets de JavaScript:

Cheatsheet de Array JS -> length; concat; join; slice; indexOf; lastIndexOf; map; sort; reverse; forEach; every; some; filter; shift; unshift; pop; push; splice;
Cheatsheet de Math JS -> abs; round; ceil; floor; max; min; pow; random; sqrt.

07/01/2020:

A Maneira Mais Rápida de Passar Estado para JavaScript, Revisitada

Como e por que analisar objetos com <script type="mime/invalid"> pode ser mais rápido do que análise simples e JSON.parse

30/11/2024:

20 de setembro de 2024 - Explicando JavaScript Generators em um nível sênior

Streams - push e pull;
Lazy e eager evaluation;
Generators e seus casos de uso.

19/01/2024:

17 de novembro de 2024 - Escrevendo JavaScript moderno sem um empacotador

Importando arquivos JavaScript com a tag script;
Importando bibliotecas via CDN;
Instalando dependências localmente;
Mais sobre gerenciamento de dependências e bibliotecas/ferramentas que possam quebrar.

Tutoriais

Introdução a Videogames e Emuladores:

9 Gerações de Consoles;
Entendendo Emuladores;
De 16 a 32 bits e de Assembly para C;
GPUs.

Código Aberto

25/12/2020:

Não tenha medo, comece com Código Aberto o mais rápido possível

Projetos legais de código aberto como -> Kubernetes, TensorFlow e outros;
Links úteis para começar a contribuir com projetos de código aberto.

Ferramentas

28/12/2020:

Série de Artigos Ferramentas e Recursos:

Ferramentas e recursos para ajudar desenvolvedores;
Threads no Twitter para ajudar a encontrar empregos.

React

26/11/2023:

Construindo um componente de gaveta - Emil Kowalski

Desenvolvimento do componente BottomSheet em cima do Radix.

09/12/2023:

15 de setembro de 2023 - Como criar uma biblioteca de componentes React ESM+CJS

Como criar uma biblioteca de componentes usando typescript, react e rollup. Compilações para cjs, mjs, iife e umd.

14/01/2024:

Novembro de 2023 - Princípios SOLID em React / React Native

Como usar SOLID com exemplos em React Native.

14/01/2024:

Janeiro de 2024 - Truques de React: Rápido, Ajustado e Divertido

Boas maneiras de usar React.cloneElement - Composição de componentes;
Bons exemplos de como o react re-renderiza e maneiras de evitar isso;
Usos para a função inicializadora de React.useState;
Hook useEvent, semelhante ao React.useCallback mas estabiliza o callback;
Usos para React.useSyncExternalStore, assinando estado externo.

20/07/2024:

17 de maio de 2020 - Um Guia (Quase) Completo para o Comportamento de Renderização do React

Detalhes de como o React renderiza;
Regras de renderização do React;
Reconciliação;
Renderização assíncrona, Closures;
Performance;
Contexto.

01/08/2024:

23 de julho de 2024 - Como o Airbnb Atualiza o React Suavemente

Atualizando o react de 16 para 18;
Desafios ao fazer isso;
O sistema deles para migrar;
Como eles testam;
Como eles gerenciam para fazer lançamentos progressivos.

01/01/2025:

21 de agosto de 2024 - Exemplos de uso do useSyncExternalStore com LocalStorage

Exemplo de como sincronizar estados entre as abas.

05/01/2025:

2 de dezembro 2024 - Como melhorar o INP: React

Exemplos de melhorias de INP em aplicativos React, principalmente com recursos do React 18:
React Concorrente (startTransition, Suspense);
Manipulação de eventos;
Transições abortáveis;
Portais.

Front End

01/12/2023:

05 de novembro de 2023 - Construindo Aplicações Web Modernas: 5 Princípios Essenciais de Arquitetura Frontend

Princípio 1: Carregamento assíncrono ou deferido, considere o caminho crítico;
Princípio 2: Tree-shake, faça o bundle conscientemente e elimine código morto;
Princípio 3: Defina e respeite um orçamento de performance;
Princípio 4: Adira às APIs da plataforma web e aos padrões web;
Princípio 5: Use frameworks frontend de nova geração.

02/12/2023:

22 de novembro de 2023 - Um Guia Interativo para CSS Grid

Ensina tudo sobre CSS grid com exemplos de código embutidos.

06/12/2023:

24 de outubro de 2023 - Da Ideia ao Design para Não-Designers

Objetivos;
Inspiração;
Layout;
Cores;
Tipografia;
Botões;
Links;
Juntando Tudo.

26/04/2024:

15 de março de 2023 - 6 Trechos de CSS que todo desenvolvedor front-end deve conhecer em 2023

Uma consulta de contêiner;
Snap de rolagem;
Pilha de grid;
Círculo rápido;
Controle de variantes com @layer;
Memorize menos e alcance mais com propriedades lógicas.

26/04/2024:

24 de outubro de 2023 - 5 Trechos de CSS que todo desenvolvedor front-end deve conhecer em 2024

CSS:has(.potencial-além-de-ser-um-seletor-pai);
Crie um subgrid;
Aninhe do jeito CSS;
Deixe o navegador equilibrar manchetes;
Use unidades de consulta de contêiner.

10/05/2024:

21 de janeiro de 2024 - O que é CSS Motion Path?

Como elementos com css usando caminho;
Animando caminhos svg;
Animando textos ao longo de um caminho;
Animando e movendo um ícone com base na rolagem.

07/07/2024:

21 de novembro de 2023 - O Componente de Troca de Tema Perfeito

Maneira simples de mudar temas com js mínimo.

07/07/2024:

17 de janeiro de 2024 - Uma Introdução Prática às Animações Dirigidas por Rolagem com CSS scroll() e view()

Muitos exemplos;
Como usar as propriedades de rolagem e animação do css;
Criando um carrossel com js mínimo.

16/07/2024:

21 de fevereiro de 2024 - Transições de visualização: Lidando com mudanças de proporção

Animando texto com transições de visualização.

20/07/2024:

02 de maio de 2024 - Combinando CSS :has() E HTML `select` Para Maior Estilização Condicional

Usos de :has em formulários;
Exemplo para select obrigatório;
Exemplo para mudanças de tamanho de fonte em toda a página;
Exemplo para um seletor de tema.

25/07/2024:

16 de julho de 2024 - Entendendo SSR com Hidratação: Prós, Contras e Cenários para Arquitetos de Software

Explicando hidratação;
Mostra casos de uso e exemplos de projetos.

28/07/2024:

16 de julho de 2024 - Como fazer extensões complexas para o Chrome: um guia de gravidade zero

Como a playbook desenvolveu sua extensão (chrome);
Implementando autenticação, lendo cookies;
Interagindo com a página web;
Publicando-a.

04/08/2024:

21 de agosto de 2023 - Padrões para Reatividade com JavaScript Vanilla Moderno

Padrão PubSub (Publicar Assinante);
Padrão Observer (Proxies, Sinais e outros);
Renderização Reativa da UI (Literais de string, MutationObserver, Web Components, Animações e css Reativo).

04/08/2024:

29 de julho de 2024 - Padrões para Manipulação de DOM Eficiente em Memória com JavaScript Vanilla Moderno

Dicas para Manipulação de DOM Mais Eficiente (Ocultar/Mostrar em vez de criar/excluir elementos, textContent em vez de innerText, insertAdjacentHTML em vez de innerHTML);
Exemplos dessas abordagens;
Associando dados ao DOM com WeakMap para evitar vazamento de memória (dados coletados pelo garbage collector se o elemento for removido);
Delegação de eventos;
API AbortController para remover múltiplos eventos;
Perfilamento e Depuração.

04/08/2024:

25 de julho de 2024 - A Localização do Usuário é uma Mentira

Maneiras de obter a localização do usuário;
O que não fazer (por exemplo, pedir a localização logo quando o conteúdo carrega);
Exemplos e estratégias para alguns cenários (Tradução, Clima, etc).

23/10/2024:

30 de julho de 2024 - Checklist de Segurança para Frontend

Exemplos práticos (React/Express) de como proteger aplicações frontend;
XSS: Sanitização de entrada de usuário;
CSP: Content Security Policy - Cabeçalhos;
CSRF: Uso de tokens gerados pelo servidor;
IDOR: Insecure Direct Object Reference - Verificação de permissões no servidor;
Variáveis de ambiente (env): Evitar hardcoding de segredos.

07/03/2024:

29 de novembro de 2024 - Se Não React, Então O Que?

A Regra da Menor Complexidade no Lado do Cliente;
Conheça seu usuário antes de escolher como renderizar e entregar conteúdo;
Exemplos de tipos de aplicações e como escolher uma estratégia de renderização;
Refutando argumentos comuns a favor do React;
Também fala muito sobre equívocos comuns sobre escolher React.

19/06/2025:

31 de dezembro de 2024 - Terminando com Tarefas Longas ou: como aprendi a agrupar loops e usar o yield

Como quebrar o processamento síncrono de arrays em partes menores para prevenir tarefas longas;
Comparação entre forEach, map, for..of loops e seu comportamento assíncrono;
Estratégias de yield usando scheduler.yield() vs setTimeout();
Técnicas de batching para otimizar performance e responsividade;
Equilibrando tempo total de processamento vs taxa de quadros para experiência fluida do usuário.

Blogs/Docs

Posts mais recentes do blog do Webkit

Útil para acompanhar as atualizações do safari;
Posts do blog muito bem escritos com muitos detalhes e explicações;
Recursos do Safari, Anúncios, etc.

Acessibilidade

03/02/2024:

07 de dezembro de 2020 - aria-label, aria-labelledby e aria-describedby: Qual é a Diferença?

Como usar atributos de acessibilidade, com exemplos práticos.

13 de abril de 2017 - Estrutura de Conteúdo

Estrutura de conteúdo de páginas web: Artigos, Seções, Listas, Citações e Tabelas.

19 de outubro de 2021 - Texto Alternativo

Exemplos práticos úteis de como usar textos alternativos.

21 de dezembro de 2023 - Os Principais Erros de Acessibilidade Encontrados em 2023

Principais erros de acessibilidade encontrados em 2023;
Como corrigir esses erros.

23/06/2025:

7 de janeiro de 2025 - Testes Automatizados de Acessibilidade no Slack

Como o Slack implementou testes automatizados de acessibilidade usando Axe com Playwright;
Desafios ao integrar com Jest e React Testing Library;
Soluções personalizadas para filtrar violações, gerenciar duplicatas e relatórios;
Configuração de workflow para desenvolvedores incluindo flags de ambiente e integração CI;
Processo de triagem e colaboração com equipes internas de acessibilidade.

24/06/2025:

13 de janeiro de 2025 - Testando Acessibilidade com Leitores de Tela

Como testar aplicações web usando leitores de tela;
Configuração e uso básico de leitores de tela populares;
Técnicas práticas para identificar problemas de acessibilidade;
Estratégias de teste manual complementares aos testes automatizados.

31/08/2025:

16 de junho de 2025 - O que eu gostaria que tivessem me contado ao começar com ARIA

Um guia abrangente sobre ARIA (Aplicações Ricas em Internet Acessíveis);
Explica a história, taxonomia e regras de uso do ARIA;
Destaca equívocos comuns e melhores práticas;
Discute a importância de testes manuais com tecnologias assistivas;
Fornece exemplos práticos para melhorar a acessibilidade com ARIA.

Entrevista

05/02/2024:

10 de setembro de 2023 - Perguntas para fazer ao seu entrevistador

Codificação;
Design de Sistema;
Comportamental;
Muitos links e dicas.

20/07/2024:

18 de janeiro de 2016 - Como passar na entrevista para cargos de engenharia de software em Big Tech

12/05/2024:

27 de janeiro de 2024 - Como contratar pessoas com pouca experiência e alto potencial

Contratando novas pessoas;
O que fazer em entrevistas.