Frontend Weekly Digest #222 (2–8 August 2021)

Web-development

• 30 years on from introducing the Web to the World
• About Web Components
• User preference media features client hints headers
• Boy with a beard explains Web components
• AudioContext API: How to Code a Playable Synth Keyboard
• A Deep Dive on Skipping to Content
• Writing great alt text: Emotion matters
• Parcel 2 RC

• Tools
  • Rendering 3d offscreen: Getting max performance using canvas workers
  • Is SVGO worth it?
• Performance
  • Fire SVG animations (SMIL) when the SVG is visible
  • Magical Marbles in Three.js
  • Inspirational Websites Roundup #28

CSS

• CSS Nesting, specificity and you
• Using CSS Shapes for Interesting User Controls and Navigation
• Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()
• CSS Modules (The Native Ones)
• 6 reasons to use Tailwind over traditional CSS
• Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)
• text-emphasis

JavaScript

• How To Build Resilient JavaScript UIs
• Introducing JavaScript and TypeScript client for AnyCable
• A Visual Guide to Refactoring Callback Functions to Promises & Async/await
• How MDN’s autocomplete search works
• Secret Behind JavaScript Performance: V8 & Hidden Classes

• React
  • How to Perform CRUD Operations using React, React Hooks, and Axios
  • Three Buggy React Code Examples and How to Fix Them
  • Using localStorage with React Hooks
  • A Visual Guide to React Rendering — useMemo
  • Catching Errors in React with Error Boundaries
  • Why you should stop using the “container/presentational” pattern in Redux
  • 10 Ways to Style a React Application
  • Build your own Recoil
• Vue
  • Vue.js has been selected as Wikimedia Foundation’s future JavaScript framework
  • The best new Vue 3 UI libraries of 2021
  • Create a performant virtual scrolling list in Vue.js
• Angular
  • Advance Angular Dynamic Component
• Svelte
  • Tauri with Standard Svelte or SvelteKit
  • Svelte Society — a volunteer global network of Svelte fans that strive to promote Svelte and its ecosystem
  • SvelteKit & Prisma — A match made in digital heaven
• Libs & Plugins
  • Simplified Peer to Peer Communication with PeerJS
  • TensorFlow.js tutorial: Get started with the ML library