Frontend Weekly Digest #263 (6–12 June 2022)

Web-development

• Understanding the Template Element in HTML
• 4 Algorithms You Need to Know Before Taking a Front-End Interview
• Web Components: A Revolutionary Way to Build User Interfaces
• How to Animate SVG Shapes on Scroll
• The Fox and the Bolt: Bringing WebContainers to Firefox

• Tools
  • PNPM: Because to work more flexible we start from the bottom
  • 4 Funny Usages of NPM You May Not Know. Explained with Diagrams
• Performance
  • Making the world’s fastest website, and other mistakes
  • Slow TTFB: Hosting or Developer?

CSS

• Single Element Loaders: The Spinner
• Mobile-First CSS: Is It Time for a Rethink?
• 7 Practical CSS Tips

JavaScript

• Higher Order Functions in JavaScript — Beginner’s Guide
• Mathematical Notation for JavaScript Developers Explained
• JavaScript Hydration Is a Workaround, Not a Solution
• Understanding the glob pattern in Node.js
• Stop Using For-Loops, Use Iterators Instead

• React
  • Building Interoperable Web Components That Even Work With React
  • How to embed a React app in a Go binary
  • Stress Testing Concurrent Features in React 18: A Case Study of startTransition & 3D Rendering
  • Comparing tools for optimizing performance in React
  • How to implement reCAPTCHA in a React application
  • Routing with React Router 6
• Vue
  • Advantages of Pinia vs Vuex
  • Using v-model in Vue 3 to build complex forms
  • Integrating Web3 into Vue applications
• Angular
  • Angular v14’s New Features
  • The Latest Angular 14 Features Will Change the Way You Code!
• Svelte
  • SvelteKit Hooks. Everything You Need To Know