Frontend Weekly Digest (27 de mayo - 2 de junio de 2019)

Esta semana publicamos una gran selección de todas las noticias esenciales que quizás te hayas perdido en el desarrollo front-end. Asegúrese de verificar las últimas actualizaciones en CSS, HTML y JavaScript.

Desarrollo web

• El W3C vs. QUE guerra finalmente ha terminado
• Mobile-First Indexing de forma predeterminada para nuevos dominios
• Comenzando con GraphQL: ¡es bastante fácil!
• ¿Qué tan importantes somos?
• Reemplazar JavaScript: cómo eBay hizo una aplicación web 50 veces más rápida al cambiar los lenguajes de programación

• Rendimiento:
  • Anuncio del cambio de tamaño de la imagen de Cloudflare: simplificación de la entrega óptima de imágenes
  • Complemento Lighthouse que muestra el rendimiento de campo de la página para usuarios reales de Chrome en los últimos 30 días.
  • Tu primer presupuesto de rendimiento con Lighthouse
  • Autohospede sus activos estáticos
  

• Accesibilidad:
  • La diferencia entre el teclado y la navegación del lector de pantalla
  • Herramientas de accesibilidad de contraste de color.
  • Solucione el 85% de sus problemas de accesibilidad web en 5 sencillos pasos
  • Tabindex: rara vez vale la pena ser positivo
  

CSS

• CSS de primera utilidad: desarrollo front-end ridículamente rápido para casi todos los diseños
• Uso de la técnica Grid Shepherd para ordenar datos con CSS
• Comprender las variables CSS
• Subrayado de texto multilínea personalizado con mayúsculas redondeadas
• xstyled : una nueva forma de diseñar componentes
• ¿Por qué preferimos las propiedades personalizadas CSS a las variables SASS?
• La propiedad de imagen de fondo CSS como antipatrón
• Uso de la técnica Grid Shepherd para ordenar datos con CSS

Javascript

• Anuncio de TypeScript 3.5
• ¿Por qué sigo usando jQuery en 2019?
• La forma más rápida de renderizar el DOM

• Teoría:
  • 5 formas de convertir un valor a cadena en JavaScript
  • JavaScript funcional: cinco formas de calcular un promedio con reducción de matriz
  • Implementación de variables privadas en JavaScript
  

• Reaccionar:
  • Consejos de integración React 16 + Three.js (2019)
  • Typing React (1) - Básico
  • nivel de zoom : un paquete integral para varios navegadores que le permite determinar el nivel de zoom de la página y el elemento
  • Devolver nulo de setState en React 16
  

• Angular:
  • Versión 8 de Angular: paquetes más pequeños, API de CLI y alineación con el ecosistema
  • Angular y RxJS: detección de fugas de memoria
  • Verificación de los portales CDK de Angular
  •
  

• Ember.js:
  • Ember 3.10 lanzado
  • Ember-data: Turn Frustración