This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.

Web-development

• Why I don't use web components
• How to Section Your HTML
• Reduced Motion Picture Technique, Take Two
• Web Components Tutorial for Beginners [2019]
• Micro Frontends
• How To Create A PDF From Your Web Application
• Everything you need to know about Progressive Web App (PWA)
• Draggable Menu with Image Grid Previews

Performance:
• How to Increase Your Page Size by 1,500% with webpack and Vue
• Optimizing Google Fonts Performance
• The #1 Easiest Way to Speed Up a Slow Website
• How to increase your frontend app’s performance – 5 coding tips
• exthouse: analyze the impact of a browser extension on web performance

Accessibility:
• The Anatomy of Accessible Forms: Best Practices
• Converting divs into accessible pseudo-buttons
• 5 Keys to Accessible Web Typography

CSS

•

CSS Day 2019 + UI Special
• CSS day 2019: Part 1: UI special (1/2), Part 1: UI special (2/2)
• CSS Day 2019: some things I learned
• Drop caps & design systems
• Copy-and-Paste CSS Animation Cheat Sheets
• CSS Scroll Snap Updated in Firefox 68
• CJSS — A CSS based web framework

JavaScript

• Building Micro Frontends with React, Vue, and Single-spa
• Bringing service workers to Google Search
• 5 ES2019 features you can use today
• Lambda Calculus in JavaScript?
• JS Essentials: The JavaScript Engine

VueJS:
• Vue's Darkest Day
• Getting Started with Vuex: a Beginner’s Guide
• Passing Variables to CSS on a Vue Component
• Use Vue.js Data Binding Options for Reactive Applications
• Introduction to Vue lifecycle hooks
• Building a CRUD App with Vue and GraphQL

React:
• How to Add Internationalization (i18n) to your Preact application
• React at 60fps — Building a Medium-Inspired Zoom with React-Pose
• Simplifying React State and the useState Hook
• What the heck is this in React? (Suspense)
• Vue without View — An Introduction to Renderless Components

Angular:
• Custom Angular directives
• Building scalable, robust and type safe forms with Angular

Ember
• EmberJS2019 Posts
• Built-in input helpers in Ember.js: when should they be used?
• How to Actually Build Superior Web Apps for Free
• Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019

Libs & Plugins:
• ts-toolbelt: Higher type safety for TypeScript
• spotlight: web's most easy to integrate lightbox gallery library
• Just — a build task definition library
• deepmerge — library for deep (recursive) merging of Javascript objects

Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.

Frontend Weekly Digest (17 – 23 June 2019)