Boa sexta-feira, galerinha do bem!
Muita gente inscrita na minha newsletter desde a última sexta-feira. Para vocês, meu muito bem vindo!
O que me fez rir essa semana
Uma das coisas mais presentes na vida de um programador frontend é criar contadores. Diz a lenda que já foram feitos mais counters em React do que o número de estrelas na via láctea.
Mas esse contador, particularmente, me fez rir:
… e outra coisa que me fez rir foi a cena do Stranger Things (que se passa em 1986) mostrar um computador com.. Flexbox! Se já tinhamos isso desde a década de 80, porque perdemos tanto tempo com floats nos anos 2000 ? 😆
E falando em código mal feito e padrões…
Pior do que escrever código ruim, é piorar um código colocando um padrão de projeto só por colocar. Quem nunca fez 29834279 componentes para criar um… contador? Afinal de contas, precisamos de oportunidades para colocar em prática os 23 padrões de projeto da gangue dos quatro... no nosso contador.
Mas colocar um padrão decente deveria melhorar o código. E essa semana eu cruzei por dois recursos muito bons:
Patterns.dev - que é uma versão bem mais javascript de padrões de projeto, como ISR, SSG, ou Hydration (depois do React 18, tô ouvindo essa palavra muito mais vezes do que o coach que manda eu tomar 8 litros de água por dia). Vale a pena espiar e favoritar.
Curso de Javascript Patterns - Ontem estava rolando o workshop da Lydia Hallie (Vercel Na verdade essa é a página do curso dela que foi dado ontem para o frontend masters. O Frontend Masters é pago, mas essa página do curso, que tem muita coisa boa, não.
Advanced Rendering Patterns: e aproveitando o tema, a apresentação dela para o Reactathon 2022 está disponível, mas em inglês. Disclaimer: você verá muita propaganda da Vercel.
Melhor analogia para imutabilidade
A Carolina Pascale, no seu twitter trouxe a melhor analogia até agora sobre imutabilidade. Pensa em dois desenhos: um num bloco de notas, outro em uma única folha de papel:
Quando você quer alterar o desenho, no bloco de notas você usa uma nova página. Na folha de papel você apaga e desenha novamente. Com a imutabilidade, existe a possibilidade de preservar o estado no tempo: basta ir para alguma página específica e você tem o famoso time travel (eu ouvi Redux?). O exemplo é do livro "Joy of Clojure".
É sempre bom um repertório de boas analogias para explicar as coisas. E isso me fez lembrar talvez uma das piores analogias do mundo: quando uma professora de cursinho comparou emenda constitucional com silicone. (sei que é off-topic, mas eu vim do direito, então paciência)
Musk, trabalho remoto e carro elétrico
Tretas de twitter são muito boas. Por exemplo essa aqui, dois emails vazados do Elon Musk, dizendo que se os executivos da Tesla não trabalharem (pelo menos) 40 horas semanais presenciais, tchau e bênção… E é claro que tudo que aparece dele vira trending topics no Twitter.
E falando em Tesla achei uma thread de Twitter interessante sobre uma brasileira fazendo longos trechos com um carro elétrico na europa:
Decisões de Design - Versão TikTok
Se você ainda não explorou as profundezas do Tiktok, saiba que é muito mais do que dancinhas, trends e vídeos viciantes que consomem 98% do meu tempo livre.
Eu gosto muito desse perfil que diz, por exemplo, se seu label text deve estar dentro ou fora do input, ou se o um botão deve estar no topo ou embaixo da página. Enfim, como ele mesmo diz, design decisions that don't fu* matter.* É um repertório de dicas para ter insumos e ser o "chato com argumentos" da empresa! Vale a pena ver e seguir 😅
Atualizações e Novidades
- O Internet Explorer (agora sim) não mais terá suporte e a data da morte é certa: 15 de junho. É pra lamentar ou comemorar? ⚰️ 🥳
- Express 5 ainda está em beta. E aqui estão as features mais importantes para você já ir se preparando.
- Mais um concorrente para ofertar Serverless Functions. Digital Ocean agora tem o DO Functions. Oferecer functions já virou carne de vaca.
- Parcel v2.6
- Eu descobri que o Gmail mudou a aparência. Eu sei que estou atrasado, mas só vi isso hoje.
- React publicou um RFC (pedido para comentários) sobre um possível novo hook, o useEvent. Veja o que ele é (e o que não é).
Dicas e Bibliotecas e Tutoriais
Você talvez não precise de um bundler para seu pacote NPM.
Ugit é uma biblioteca para você desfazer comandos - ou 💩 - no git