Frontend Weekly Digest (13-19 de mayo 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

• Componentes de la página web SVG para IoT y creadores (Parte 2)
• Una introducción a JAMstack: la arquitectura de la web moderna
• Por qué construir con un JAMstack es impresionante
• Todo lo que siempre quiso saber sobre el modo de entrada
• Una guía para principiantes de Pug
• Desentrañar el JPEG
• Integrar bibliotecas de animación de terceros en un proyecto
• Cómo crear un gráfico circular SVG: código junto con Kasey (video)

• Rendimiento:
  • Una inmersión profunda en la carga perezosa nativa para imágenes y marcos
  • Un informe de la Reunión del Comité Asesor de AMP
  • Optimización de la imagen: comprender el impacto exacto en el puntaje de rendimiento de Google para obtener una clasificación más alta en 2019
  • Mejor priorización HTTP / 2 para una web más rápida
  • ¿Sigue siendo 'el pliegue' en la cultura actual de desplazamiento y descremado?
  • 3Pweb : visualiza cuánto tiempo demoran en ejecutarse los scripts de la entidad, en promedio.
  

• Herramientas:
  • Desarrollo remoto con código VS
  • Depuración de JavaScript más rápida e inteligente en Firefox DevTools
  

• Accesibilidad:
  • Una forma nueva (y fácil) de ocultar contenido accesible
  • El estado de accesibilidad: GAAD 2019
  • Anuncio de Microsoft Web Template Studio
  

CSS

• Es una trampa-ezoide: las formas CSS no son lo que esperarías
• Animación de filas y columnas de cuadrícula CSS
• Subcuadrícula . Un nuevo artículo sobre documentos de desarrollo de MDN
• Escaneo CSS: la forma más rápida de inspeccionar y copiar CSS
• La función CSS para truncar texto de varias líneas se ha implementado en Firefox
• Depuración de CSS Grid: Parte 2: ¿Qué es el Fr (acción)?
• ¡ Google Fonts ahora admite la visualización de fuentes!
• Reglas CSS que te harán la vida más fácil.
• Celosía de ventana china y CSS

Javascript

• Cloudflare, Mozilla y Facebook están desarrollando BinaryAST para acelerar las descargas de JavaScript.
• Comenzando con Svelte 3
• JavaScript funcional
• TypeScript 3.0: el tipo desconocido

• Teoría:
  • Una guía práctica para Proxy Javascript
  • Motores JavaScript: ¿cómo funcionan? Desde la pila de llamadas hasta la promesa, (casi) todo lo que necesita saber
  

• VueJS:
  • Mensajes de validación de formularios accesibles con ARIA y Vue.js
  • Una introducción al desarrollo basado en pruebas con Vue.js
  • Comenzando con Vue: una visión general y un tutorial tutorial
  • Desliza la galería usando Vue.js y Tailwind
  

• Reaccionar:
  • Cómo convertir de clases React-Redux a React Hooks, la manera fácil
  • unform : biblioteca de formularios ReactJS para crear estructuras de formulario no controladas con campos anidados, validaciones y mucho más.
  • Animación UI en React
  • ReactQ - Kit de inicio Universal React + GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, Generador de código GraphQL, React Router 4, PostCSS, SSR
  • Patrones de diseño de ganchos de reacción esenciales
  • Dockerizing una aplicación React
  • Creación de su propia biblioteca de validación de reacciones: conceptos básicos (parte 1)
  • Qué hacer cuando su aplicación React se siente lenta
  

• Angular:
  • Creación de una tienda en línea usando ngrx / store y Angular
  • Mis consejos y trucos favoritos en angular
  • Herencia de componentes en angular
  • Hacer A11y fácilmente con Angular CDK. Listas navegables por teclado
  

• Libs y complementos:
  • Microsoft ha abierto el código para la biblioteca de búsqueda de vectores utilizada en Bing
  • Storeon: pequeño administrador de estado para aplicaciones front-end modernas cercanas en espíritu a Redux, implementado en un solo archivo que se reduce a 173 bytes
  • ola : biblioteca de animación suave para interpolar números
  • reLift-HTML es una biblioteca de vista muy pequeña (3kb) que le permite crear componentes web, elementos personalizados y le ayuda a hacer que cualquier página HTML sea reactiva sin la acumulación de grandes marcos.
  

Gracias por leer! No dude en enviarnos sus artículos o contenido nuevo y útil que desee ver en el próximo resumen.