Frontend Weekly Digest (17-23 junho 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

• Por que não uso componentes da web
• Como seccionar seu HTML
• Técnica de filme reduzido, faça duas
• Tutorial de componentes da Web para iniciantes [2019]
• Micro Frontends
• Como criar um PDF a partir do seu aplicativo da Web
• Tudo o que você precisa saber sobre o Progressive Web App (PWA)
• Menu arrastável com visualizações de grade de imagens

• Desempenho:
  • Como aumentar o tamanho da página em 1.500% com o webpack e o Vue
  • Otimizando o desempenho das fontes do Google
  • A maneira mais fácil de acelerar um site lento
  • Como aumentar o desempenho do seu aplicativo de front-end - 5 dicas de codificação
  • exthouse : analise o impacto de uma extensão do navegador no desempenho da web
  

• Acessibilidade:
  • A anatomia dos formulários acessíveis: melhores práticas
  • Converter divs em pseudo-botões acessíveis
  • 5 chaves para tipografia da Web acessível
  

CSS

• Dia do CSS 2019 + UI especial
• Dia do CSS 2019: Parte 1: UI especial (1/2) , Parte 1: UI especial (2/2)
• CSS Day 2019: algumas coisas que aprendi
• Capitulares e sistemas de design
• Copiar e colar folhas de dicas de animação em CSS
• Snap de rolagem CSS atualizado no Firefox 68
• CJSS - Uma estrutura da Web baseada em CSS

Javascript

• Construindo Micro Frontends com React, Vue e Spa Único
• Trazendo profissionais de serviço para a Pesquisa do Google
• 5 recursos do ES2019 que você pode usar hoje
• Cálculo Lambda em JavaScript?
• JS Essentials: o mecanismo JavaScript

• VueJS:
  • Dia mais sombrio de Vue
  • Introdução ao Vuex: um guia para iniciantes
  • Passando variáveis ​​para CSS em um componente Vue
  • Use as opções de ligação de dados Vue.js para aplicativos reativos
  • Introdução aos ganchos do ciclo de vida do Vue
  • Criando um aplicativo CRUD com Vue e GraphQL
  

• Reagir:
  • Como adicionar internacionalização (i18n) ao seu aplicativo Preact
  • Reagir a 60fps - Construindo um zoom de inspiração média com pose de reação
  • Simplificando o estado da reação e o gancho useState
  • O que diabos é isso no React? (Suspense)
  • Vue without View - uma introdução aos componentes sem renderização
  

• Angular:
  • Diretivas angulares personalizadas
  • Criação de formulários seguros escaláveis, robustos e de tipo com Angular
  

• Ember
  • Posts EmberJS2019
  • Auxiliares de entrada integrados no Ember.js: quando eles devem ser usados?
  • Como criar aplicativos Web superiores de graça
  • Complementos de Ember Essenciais: O Estado do Ecossistema de Ember Addon em 2019
  

• Libs e plugins:
  • ts-toolbelt: maior segurança de tipo para TypeScript
  • destaque: a biblioteca da galeria de lightbox mais fácil de integrar na web
  • Apenas - uma biblioteca de definição de tarefas de construção
  • deepmerge - biblioteca para mesclagem profunda (recursiva) de objetos Javascript
  

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