Pedro Satin
Blog

Coleção pessoal de artigos para estudo

Atualizado em 3 de janeiro de 2026

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

Conteúdos

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.


03/01/2026:

10 de março de 2025 - Como otimizar a performance do Next.js: um guia completo
  • Renderização estática vs servidor e quando usar cada uma;
  • Usando revalidação com páginas estáticas para atualização periódica de conteúdo;
  • Melhorando a performance percebida com React Suspense e streaming;
  • Carregamento dinâmico com next/dynamic para code splitting;
  • Otimização de imagens usando o componente next/image com configurações de qualidade;
  • Otimizando scripts de terceiros com next/script;
  • Análise de tamanho do bundle e monitoramento de gargalos de performance.

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.


20/11/2025:

Como 73% dos visitantes de e-commerce podem ser falsos

  • Entendendo tráfego de bots e visitantes falsos em sites de e-commerce;

  • Impacto do tráfego fraudulento nas análises e decisões de negócio;

  • Métodos de detecção e estratégias para identificar visitantes não humanos.


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.