Frontend Weekly Digest #133 (18 –24 November 2019)

Web-development

• The Firefox UI is now built with Web Components
• Introduction to Character/Text Encoding in Web
• 6 Patterns for Microfrontends
• Highlights from Chrome Dev Summit 2019
• Inspirational Websites Roundup #10

• Performance
  • Adaptive Loading — Improving Web Performance on low-end devices
  • WebPageTest Scripting: Examples for advanced speed testing scenarios
  • Planet Performance Podcast, a project by Stoyan Stefanov.

CSS

• Train your CSS skills with online games
• How Do You Remove Unused CSS From a Site?
• Multiple-column Layout and column-span in Firefox 71
• Techniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements
• Understanding the Difference Between CSS Resolution and Device Resolution
• UI Case study: state styles of card component with accessibility in mind
• Creating complex layouts using CSS Grid

JavaScript

• Useful New Features in ES2016 and 2017
• What’s New in ES2019?
• The Top JavaScript Frameworks For Front-End Development in 2020
• Getting Started With An Express And ES6+ JavaScript Stack
• I created the exact same app in React and Svelte. Here are the differences.
• jQuery Core: Migrate from AMD to ES modules
• How to successfully manage a large scale JavaScript monorepo aka megarepo
• 15 Common Operations on Arrays in JavaScript (Cheatsheet)
• JS Party — Episode #101: We should rebrand JavaScript. Yep? Nope?

• React
  • React Component Lifecycle Methods Cheatsheet 📄
  • Create a Toggle Switch in React as a Reusable Component
  • 4 Custom Hooks to Boost Your React App
  • 11 Top React Developer Tools for 2020
  • SWR — a React Hooks library for remote data fetching.
  • Typescript and Redux. My tips.
  • Is React Overrated?
• Vue
  • How to Create a Progressive Web App with Vue.js
  • Production-ready Vue SSR in 5 Simple Steps
  • Suspense — new feature in Vue 3
  • Building the ultimate portfolio site with Nuxt.js and Netlify: beautiful, blazing fast and 100% SEO optimized
  • I created the exact same app in Vue and Svelte. Here are the differences.
• Angular
  • Angular SEO: How to Make Search-Friendly Pages
  • Angular Promises Versus Observables
  • The Last Guide For Angular Change Detection You’ll Ever Need
  • How I wrote NgRx Store in 63 lines of code
  • 9 Ideas For Angular That Are Often Overlooked by Developers
  • Quantum Angular: Maximizing Performance by Removing Zone
• Ember
  • Ember 3.14 Released (Octane Preview Cont.)
  • Promises and UI states in Ember.js
• Libs & Plugins
  • lite-youtube-embed — Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224X faster.
  • Legra (Lego brick Graphics) — a small JavaScript library that lets you draw using LEGO® like brick shapes on an HTML canvas element