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

• ¿Por qué no uso componentes web?
• Cómo seccionar tu HTML
• Técnica de imagen en movimiento reducida, toma dos
• Tutorial de componentes web para principiantes [2019]
• Micro frontends
• Cómo crear un PDF desde su aplicación web
• Todo lo que necesita saber sobre Progressive Web App (PWA)
• Menú arrastrable con vistas previas de cuadrícula de imagen

• Rendimiento:
  • Cómo aumentar el tamaño de tu página en un 1,500% con webpack y Vue
  • Optimización del rendimiento de las fuentes de Google
  • La forma más fácil # 1 de acelerar un sitio web lento
  • Cómo aumentar el rendimiento de su aplicación frontend: 5 consejos de codificación
  • exthouse : analiza el impacto de una extensión del navegador en el rendimiento web
  

• Accesibilidad:
  • La anatomía de las formas accesibles: mejores prácticas
  • Convertir divs en pseudo botones accesibles
  • 5 claves para la tipografía web accesible
  

CSS

• CSS Day 2019 + Especial UI
• Día CSS 2019: Parte 1: interfaz de usuario especial (1/2) , Parte 1: interfaz de usuario especial (2/2)
• CSS Day 2019: algunas cosas que aprendí
• Drop caps y sistemas de diseño
• Copiar y pegar hojas de trucos de animación CSS
• CSS Scroll Snap actualizado en Firefox 68
• CJSS : un marco web basado en CSS

Javascript

• Creación de micro frontends con React, Vue y Single-spa
• Traer trabajadores de servicios a la Búsqueda de Google
• 5 funciones de ES2019 que puede usar hoy
• ¿ Cálculo lambda en JavaScript?
• JS Essentials: el motor de JavaScript

• VueJS:
  • El día más oscuro de Vue
  • Comenzando con Vuex: una guía para principiantes
  • Pasar variables a CSS en un componente Vue
  • Use las opciones de enlace de datos de Vue.js para aplicaciones reactivas
  • Introducción a los ganchos de ciclo de vida Vue
  • Crear una aplicación CRUD con Vue y GraphQL
  

• Reaccionar:
  • Cómo agregar internacionalización (i18n) a su aplicación Preact
  • Reacciona a 60 fps: construye un zoom de inspiración media con React-Pose
  • Simplificando el estado de reacción y el gancho useState
  • ¿Qué diablos es esto en React? (Suspenso)
  • Vue sin vista: una introducción a los componentes sin renderizado
  

• Angular:
  • Directivas angulares personalizadas
  • Creación de formas escalables, robustas y seguras con Angular
  

• Ascua
  • Publicaciones EmberJS2019
  • Ayudantes de entrada incorporados en Ember.js: ¿cuándo deberían usarse?
  • Cómo construir aplicaciones web superiores de forma gratuita
  • Complementos esenciales de Ember: el estado del ecosistema de complementos de Ember en 2019
  

• Libs y complementos:
  • ts-toolbelt: mayor seguridad de tipos para TypeScript
  • Spotlight: la biblioteca de galería de lightbox más fácil de integrar en la web
  • Just: una biblioteca de definición de tareas de compilación
  • deepmerge: biblioteca para la fusión profunda (recursiva) de objetos Javascript
  

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