Escovando Bits #23··38 min

Design patterns no front-end

Você provavelmente já usa metade dos design patterns e nem sabe o nome. Saber o nome é o que resolve a entrevista.

Player · episódio no Spotify. Ouça sem sair do site.

Com o Vitor Norton (Dev Advocate na SuperViz) e a Larissa Azevedo (iFood), o papo é design pattern aplicado ao front-end. A dupla destrincha os padrões ancorando cada um em código real: Singleton como o useContext do React, Observer como useEffect, além de PubSub, Facade, Adapter e Builder. O fio: padrão bom é o que se aplica no contexto certo, não o que se espalha por todo lugar, e dar nome ao que você já faz ajuda em code review e em entrevista.

Pontos altos:

  • O mapeamento direto padrão-API do React (Singleton como useContext, Observer como useEffect) que tira o pattern do abstrato.
  • Adapter explicado com caso concreto: a SuperViz isolando o fornecedor de vídeo quando a Twilio abandonou o produto.