Frontend Weekly Digest (29 de julho a 4 de agosto de 2019)

Nesta semana, publicamos uma seleção realmente enorme de todas as notícias essenciais que você pode ter perdido no desenvolvimento do Front-end. Certifique-se de verificar as atualizações mais recentes em CSS, HTML e JavaScript.

Desenvolvimento Web

• Design de front-end, reagir e uma ponte sobre a grande divisão
• Opa, acho que agora somos desenvolvedores de pilha cheia
• Front-end na Coréia do Sul
• Criando um efeito de vidro realista com SVG
• "#PerfMatters Conference 2019"

• Desempenho:
  • Usei a Web por um dia com um orçamento de 50 MB
  • Tornando o Instagram.com mais rápido: parte 1
  

• Acessibilidade:
  • Estratégias de acessibilidade para sua equipe de conteúdo
  • Verdades sobre acessibilidade digital
  • Crie botões de opção acessíveis por teclado personalizados
  

CSS

• Descobrir propriedades de animação CSS com um gatinho mágico
• Usando atributos CSS personalizados gerados pelo JavaScript como um mecanismo de entrega
• 7 principais tendências de CSS para 2019
• Novos recursos de CSS no Firefox 68
• Quanta especificidade as @rules têm, como @keyframes e @media?
• Flexbox e preenchimento
• Melhores práticas de organização de temas CSS

Javascript

• Folha de dicas para passar do jQuery para o JavaScript baunilha
• Escrevendo um aplicativo MVC simples em JavaScript comum
• Veja como não sugar no JavaScript
• Svelte: primeiras impressões
• Promessas de JavaScript e Async / Await: o mais rápido possível

• Reagir:
  • React + Redux + Comlink = Off-main-thread
  • Reagir <Animated /> Tutorial
  • Buscando dados no React usando o React Async
  • Por que reagir ganchos?
  • Os ganchos de reação substituem o Redux?
  • Os ganchos reativos substituem os componentes de ordem superior (HOCs)?
  • localizar-reagir : uma biblioteca leve realmente simples para localização em aplicativos React sem nenhuma dependência, criada com base no novo React Context Api
  • Uma solução de alto desempenho para substituir o Redux por contexto de reação e ganchos
  

• Angular:
  • Crie seu próprio classificador de imagens com Angular e Tensorflow.js
  • Principais projetos de código aberto angular
  • Anunciando Bit com Angular Public Beta
  • Desenvolvido para desenvolvedores angulares
  

• VueJS:
  • Criando rotas dinâmicas em um aplicativo Nuxt
  • Vue.js 3: programação orientada para o futuro
  • Introdução ao Vuetify 2.0
  

• Brasa:
  • Roteiro Ember 2019-2020
  • Museu dos componentes da brasa . Aprenda todas as diferentes maneiras de usar componentes no Ember 3
  • Ficha de informação do componente Ember
  

Navegadores

• Novo no Chrome 76
• Novidades do DevTools (Chrome 77)
• Novos recursos de CSS no Firefox 68

Obrigado pela leitura! Sinta-se à vontade para enviar seus artigos ou novos conteúdos úteis que você deseja ver no próximo resumo.