Frontend Weekly Digest #251 (14–20 March 2022)

Web-Development

• Fun with the dialog element
• Is HTML A Programming Language?
• Front-end Testing Strategy
• What you need to know about inbuilt browser HTML sanitization

• Performance
  • Measuring a website’s performance using MutationObserver
  • Optimizing SVG Patterns to Their Smallest Size
  • Should I combine CSS/JS Files on my Website?
• Effects
  • Inspirational Websites Roundup #35
  • Expanding Rounded Menu Animation

Web-development

• Aligning Content In Different Wrappers
• Introduction to Bulma: A Simple and Intuitive CSS Framework
• Building a loading bar component
• HTML and CSS in Emails: What Works in 2022?
• In Defense of Sass
• How we migrated entirely to CSS Modules using codemods and Sourcegraph Code Insights
• When or If
• Applying dynamic styles with Tailwind CSS
• Comparing the best CSS grid generators

JavaScript

• First look: adding type annotations to JavaScript
• Building Table Sorting and Pagination in JavaScript
• Interview with Senior JS Developer in 2022
• The double-assignment pattern in jQuery’s source code
• 101 Javascript Critical Rendering Path

• React
  • I Optimized My React App and Made It Even Faster
  • Idiomatic Redux: Designing the Redux Toolkit Listener Middleware
  • Delightful React File/Directory Structure
  • Rendering JSON animations in React applications
• Vue
  • How Vue Components Work
  • How To Make A Drag-and-Drop File Uploader With Vue.js 3
  • Upgrading Next.js for instant performance improvements
  • Build a table component from scratch in Vue 3 with Bootstrap
• Angular
  • All You Need To Know About less known Angular Features
  • Why and How we migrated to Nx from Angular CLI
• Svelte
  • Exploring SvelteKit in 2022 by Building a Portfolio Website
  • Building a Svelte ecom site
  • Create a blog with Contentful and Sveltekit
• Libs & Plugins
  • shader-park-core — A JavaScript library for creating interactive procedural 2D and 3D shaders.