Resumen de materiales frescos del mundo frontend de la última semana # 435 (28 de septiembre - 4 de octubre de 2020)

Traemos a su atención una selección con enlaces a nuevos materiales del área de frontend y alrededor de ella.

Medios     |    Desarrollo web     |    CSS     |    JavaScript

Medios de comunicación

• Podcast UnderJS # 27 - V8 nuevamente 8. 3/4/5 y PHP 8

• Podcast frontend Yunost # 157: Aprenda a vivir con 280k por mes

• Podcast CSSSR - Firefox 81, nueva JSX Transform, crítica de componentes web, optimización de CDN , V8 8.6, Hacktoberfest 2020

desarrollo web

• ¿Por qué necesitamos un equipo de Frontend Core dedicado y cómo implementamos el sistema de diseño?

• ¿Por qué elegí Next.js en lugar de Gatsby, Gridsome o Nuxt?

• Usted no sabe cómo modales se supone que el trabajo

• vídeos perezoso de carga

• Cómo utilizar el seguimiento de la cara de interactuar con la tipografía

• Haga su mirada PWA más como una aplicación

• Vaya, creo que (los desarrolladores front-end) son ahora los desarrolladores full-stack

• Crear efectos de espejo con React-Three-Fiber y Three.js

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

CSS

• La guía completa de consultas de medios CSS

• Cerrar espacios (en flexbox). Artículo del blog de Igalia sobre resolución de problemas de especificaciones de flexbox

• Lograr la alineación vertical (¡gracias Subgrid!)

• ¿Cómo ajustar automáticamente el tamaño de fuente usando CSS font-size-adjust?

• Inspector para CSS Grid en Chrome

• Cómo hacer una capa de fondo semitransparente usando CSS sin afectar el texto

• ¿Cómo usar Tailwind CSS?

JavaScript

• Trucos simples de TypeScript que le permitirán escalar sus aplicaciones infinitamente

• DOM de sombra declarativa. Una nueva forma de implementar y usar Shadow DOM directamente en HTML.

• MOBX 6 anuncio

• JavaScript compilación de redes neuronales en menos de 500kb código

• Las pérdidas de memoria en ventanas separadas

• Teoría
  
  • Comprensión de la especificación ECMAScript Parte 2
  
  • Opciones de programación orientada a objetos (en JavaScript)
  
  • Comprensión de los genéricos de TypeScript
  
  • 8 errores comunes de JavaScript que deben evitarse
  
  • Inmutabilidad en 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 y complementos
  
  • Shoelace 2.0: Biblioteca avanzada de componentes web
  
  • smolpxl: escribe juegos retro pixelados en JavaScript.
  
  • Búsqueda inteligente: una forma eficaz de cargar grandes cantidades de datos en una aplicación de interfaz y trabajar de forma intuitiva con ellos.
  
  

Recopilación de la última semana .

Material preparado dersmoll y alekskorovin .