Frontend Weekly Digest #245 (17–23 January 2022)

Web-development

• Context-Aware Web Components Are Easier Than You Think
• Frontend Predictions for 2022
• Making a Site Work Offline Using the VitePWA Plugin
• Delivering 3D Scenes to the Web
• Accelerated Guide to Fullstack Web3 with ASS (Anchor, Solana, and Svelte)
• Boost Performance with Web Workers: A Detailed Guide

• Tools
  • Read the Tea Leaves Software and other dark arts, by Nolan Lawson
  • A Complete Beginner’s Guide to npm
• Accessibility
  • Accessible Cart Tables?
  • The hitchhiker’s guide to image accessibility
• Effects
  • Animate Anything Along an SVG Path
  • Inspirational Websites Roundup #33
  • A Serene CSS Dappled Light Effect

CSS

• Building UI Components With SVG and CSS
• Modern Fluid Typography Using CSS Clamp
• What should someone learn about CSS if they last boned up during CSS3?
• NoJS — Creating a calculator with only pure HTML and CSS. No Javascript!
• The Future of CSS: Detect at-rule support with @supports at-rule(@keyword)
• Comparing CSS Specificity values
• How to use CSS ::before and ::after to create custom animations and transitions
• Creating a responsive mobile menu with CSS without JavaScript
• An advanced guide to setting colors in CSS

JavaScript

• Remix vs Next.js
• Exploiting JavaScript quirks for fun and profit
• SaasFrontends — Vue2, Vue3, React and Svelte templates
• structuredClone(): deeply copying objects in JavaScript
• Replacing jQuery (110kb) With Umbrella JS (8kb)
• I Built a Blog with RemixJS so You Don’t Have To (You’re Welcome)

• React
  • Top 6 React state management libraries for 2022
  • Enterprise React in 2022
  • Everything about our migration from ReactJS to NextJS
  • Good advice on JSX conditionals
  • Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing, logging, localizing.
  • Clean up your React component types 🧼
  • Exploring React 18’s three new APIs
• Vue
  • Vue 3 as the New Default
  • Lazy Loading module for Nuxt 3
  • Vue 3 Programmatic Component Design
• Angular
  • Angular 2021 Recap and 2022 Preview
  • Angular Form Typings Support that Every Dev Needs
  • Component-First State Management for Angular Standalone Components
  • How to Create a Progressive Web App with Angular
• Svelte
  • Svelte: All the Nice Things of a Framework — Without the Framework
  • Building Svelte micro frontends with Podium

Browsers

• Opera Releases Web 3 Browser Ahead of Cross-Chain Wallet Launch