Frontend Weekly Digest #267 (4–10 July 2022)

Web-development

• Why the HTML Outlining Algorithm was removed from the spec — the truth will shock you!
• 3 Ways to Develop Micro-Frontends in 2022
• Reduce maintenance effort with shared ESLint and Prettier configs
• Why Web Accessibility Is The Future of SEO and the Future is Now!
• How to Create a Cover Page Transition

CSS

• Style with Stateful, Semantic Selectors
• TailwindUI, And Here’s The Real Failwind Scam
• The Future of CSS: Variable Units, powered by Custom Properties
• Holograms, light-leaks and how to build CSS-only shaders.
• The joy of Variable Fonts: getting started on the Frontend
• Body Margin 8px: The origin story for a style no one wants
• Lea Verou | CSS Variable Secrets | CSS Day 2022
• Tailwind is an Anti-Pattern
• Creating Realistic Reflections With CSS
• Motion Path — Magical Path Animation

JavaScript

• What’s New in ES2022? 4 Latest JavaScript Features
• Modern JavaScript
• How to Resolve a Promise from Outside in JavaScript
• Bun — Incredibly fast JavaScript runtime, bundler, transpiler and package manager — all in one.
• 14 Useful JavaScript Regularization Methods
• Forever Functional: Debouncing and throttling for performance

• React
  • Routing in React with React Location
  • How To Convert Class Components to Hooks and Modernize Your React Apps
  • Using custom events in React
  • Animate a React app with AnimXYZ
  • Learn how to build, test and deploy a bookstore app with React 18, Vite, and Netlify functions
  • Build a Blog with React and Markdown files
  • How to Refactor Large React Components (The Story of a 2700-Line Component)
  • Data fetching with Suspense in React
• Vue
  • How to improve the PageSpeed score of your Nuxt.js website in 6 steps
  • Component Communication in VueJs
• Angular
  • Angular — environment configuration at runtime
  • Sliders are like onions: three gradient layers of a single slider
• Libs & Plugins
  • Deprank — Use PageRank to find the most important files in your codebase.
  • Blogged Answers: How I Estimate NPM Package Market Share (and how Redux usage compares to other libraries)