Frontend Weekly Digest #142 (20–26 January 2020)

Web-development

• New to JAMstack? Everything You Need to Know to Get Started
• Six donts of web app internationalization
• The Web in 2020: Extensibility and Interoperability
• There’s No Need To Hate Web Components
• Recreating The Arduino Pushbutton Using SVG And lit-element
• The ultimate guide to iframes
• Goodbye, Clean Code

• Tools
  • My History with Outdated Web Design Tools, Technologies and Solutions
  • Playwright — a Node library to automate the Chromium, WebKit and Firefox browsers. Playwright is focused on enabling cross-browser web automation platform that is ever-green, capable, reliable and fast.
  • Introducing Yarn 2 ! 🧶🌟
  • ESLint configuration and best practices
• Performance
  • Google PageSpeed Insights: The Truth About Scoring 100/100
  • Speed By A Thousand Cuts
• Accessibility
  • Accessibility with the new Microsoft Edge
  • Bad accessibility equals bad quality
• Effects
  • How to Unroll Images with Three.js
  • Night at the Museum of Very Good Boys
  • UI Interactions & Animations Roundup #2

CSS

• The CSS Cascade. Or, How browsers resolve competing CSS styles
• CSS Houdini: All you need to know about the hottest APIs
• Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords
• Using responsive modifiers to control layout changes in your components
• Building Multi-Directional Layouts
• Some Imaginary CSS
• 4 CSS layouts without using media queries
• Multi-line gradient links
• Magical Rainbow Gradients with CSS Houdini and React Hooks
• Intrinsic Sizing In CSS

JavaScript

• Reading & Processing Files with the JavaScript FileReader API
• The 10 most important JavaScript frameworks of the past decade
• Svelte — a recipe for a successful framework?
• Dear for Loop Fans: Let Us Use Array Methods in Peace
• 💡🎁 JavaScript Visualized: Generators and Iterators

• React
  • An Overview of JSX With 3 Non-React Examples
  • 10 JavaScript Concepts You Need to Master React (+ Cheatsheet)
  • A Beginner’s Guide to Loops in React JSX
  • Build more accessible forms with React Icons
  • Loading React Components Dynamically with Hooks
• Vue
  • What to get Excited about in Vue 3.0
  • How to write a Vue.js app completely in TypeScript
  • How to Create a Progressive Web App with Vue.js
  • Love Vuetify? Meet PrimeVue, a powerful new Vue UI Library.
  • Vue.js Carousels: SSR Support And Performance
• Angular
  • A Practical Guide To Angular: Services and Dependency Injection
  • How To Implement Micro-Frontend Architecture With Angular
• Ember
  • The Ember Times — Issue №131
  • The Ember Times — Issue №132
  • How we achieved green builds in an enterprise Ember.js app
  • RouteInfo Metadata (3.10)
• Libs & Plugins
  • Javascript constraints form validator
  • React Nice Dates — A responsive, touch-friendly, and modular date picker library.