Resumo de materiais novos do mundo de front-end na última semana # 435 (28 de setembro a 4 de outubro de 2020)

Chamamos sua atenção para uma seleção com links para novos materiais da área de front-end e em torno dela.

Mídia     |    Desenvolvimento Web     |    CSS     |    JavaScript

meios de comunicação

• Podcast UnderJS # 27 - V8 novamente 8. 3/4/5 e PHP 8

• Podcast frontend Yunost # 157: Aprenda a viver com 280k por mês

• Podcast CSSSR - Firefox 81, novo JSX Transform, crítica de componentes da Web, otimização de CDN , V8 8.6, Hacktoberfest 2020

desenvolvimento web

• Por que precisamos de uma equipe Frontend Core dedicada e como implementamos o sistema de design

• Por que escolhi Next.js em vez de Gatsby, Gridsome ou Nuxt?

• Você não sabe como os modais devem funcionar

• Vídeos de carregamento lento

• Como usar o rastreamento facial para interagir com a tipografia

• Faça seu PWA parecer mais com um aplicativo

• opa, acho que nós (os desenvolvedores front-end) agora somos desenvolvedores full-stack

• Crie efeitos de espelho com React-Three-Fiber e Three.js

• 
  
  • Edge Dev Tools Visual Studio Code
  
  • ESLint —
  
  • DevTools (Chrome 87)
  
  • DevTools
  
  

CSS

• O Guia Completo para Consultas de Mídia CSS

• Espaços de Fechamento (em flexbox). Artigo do blog Igalia sobre solução de problemas de especificações flexbox

• Atingindo o alinhamento vertical (obrigado Subgrid!)

• Como ajustar automaticamente o tamanho da fonte usando CSS font-size-ajustar?

• Inspetor para CSS Grid no Chrome

• Como fazer uma camada de fundo semitransparente usando CSS sem afetar o texto

• Como usar CSS do Tailwind?

JavaScript

• Truques simples do TypeScript para dimensionar seus aplicativos infinitamente

• Shadow DOM declarativo. Uma nova maneira de implementar e usar Shadow DOM diretamente em HTML.

• Anúncio MobX 6

• Compilação de rede neural JavaScript em código inferior a 500kb

• Vazamentos de memória em janelas desanexadas

• Teoria
  
  • Compreendendo a especificação ECMAScript - Parte 2
  
  • Opções de programação orientada a objetos (em JavaScript)
  
  • Compreendendo os genéricos do TypeScript
  
  • 8 erros comuns de JavaScript a evitar
  
  • Imutabilidade em JavaScript
  
  

• React
  
  • Visx — React-, Airbnb
  
  • JSX React 17 Release Candidate
  
  • SVG React React Icons Font Awesome
  
  • C JQuery React: HelloSign
  
  • Service Workers create-react-app
  
  • useEffect
  
  • react-chrono — react
  
  

• Vue
  
  • Vue 3.0 —
  
  •   Vue.js: « ,   »
  
  • Vue.js.
  
  • Composition API Vuex?
  
  

• Angular
  
  • Angular Pipes
  
  • RxJS. RxJS 7
  
  • Angular schematics
  
  

• Svelte
  
  • Svelte: 2020 .
  
  • Svelte
  
  • Svelte
  
  

• Libs e plug-ins
  
  • Shoelace 2.0: Biblioteca avançada de componentes da Web
  
  • smolpxl - Escreva jogos retro com pixels em JavaScript.
  
  • Pesquisa inteligente - uma maneira eficiente de carregar grandes quantidades de dados em um aplicativo de front-end e trabalhar com eles de forma intuitiva
  
  

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .