Frontend Weekly Digest #207 (19–25 April 2021)

Web-development

• What’s New In DevTools (Chrome 91)
• How I Built My Blog
• Independent Components: The Web’s New Building Blocks

• Performance
  • The Almost-Complete Guide to Cumulative Layout Shift
  • An In-Depth Guide To Measuring Core Web Vitals
• Effects
  • Magnetic 3D Grid Interaction with Content Preview
  • Scrolling Microinteraction #CodePenChallenge
  • CPC Scrolling with Three.js & GSAP
  • Text Outline Animation with Three.js

CSS

• A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors
• The Making (and Potential Benefits) of a CSS Font
• How to Add a Double Border to SVG Shapes
• Getting started with CSS Custom Properties
• TailwindCSS: Adds complexity, does nothing.
• Working around the viewport-based fluid typography bug in Safari

JavaScript

• The Wonderful World of Javascript Bundlers
• Enhance your frontend state management with view models
• The lazy-loading property pattern in JavaScript
• A Complete Guide To Incremental Static Regeneration (ISR) With Next.js
• Top 5 Most Popular JavaScript Questions on Stack Overflow
• The Guide to MobX
• Understanding JavaScript’s Array Reduce
• Node.js 16 available now

• React
  • How to Auto-Deploy Your React Apps with Cloudflare Pages
  • The React Router Cheatsheet: Everything You Should Know
  • Hookrouter: A Modern Approach to React Routing
• Vue
  • 3 Years of VueJS (2021)
  • Introducing Plasmic, the visual page builder for Next.js
  • How to Clean Up after Yourself and Why It’s Important (Vue/React)
  • Inkline — customizable Vue.js UI/UX Library designed for creating flawless responsive web applications.
• Angular
  • 5 helpful RxJS solutions
  • How to Streamline Angular Reactivity
  • How to split HTTP Interceptors between multiple backends
  • Upcoming improvements to Angular library distribution
• Ember
  • The Ember Times — Issue №178
  • EmberJs Vs. ReactJs: Everything You Need to Know