Frontend Weekly Digest #228 (20–26 September 2021)

Web-development

• Say goodby to Server Side Rendering. Prerender.io — SPAs with SEO in mind.
• 5 RCEs in npm for $15,000
• Using Monorepos Is Not That Bad (Case Study)
• Yarn vs npm: Everything You Need to Know

• Accessibility
  • How to Avoid Costly WCAG, ADA & 508 Accessibility Penalties
  • Alt-text for Images
• Animation
  • Motion One — A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
  • Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable.
  • Menu and Thumbnail Stack Animation
  • 35 Animation Library CSS Javascript For Developer
  • Behind the scenes: WebGL-powered Maps demos for Google I/O

CSS

• Getting Your head Straight: A New CSS Performance Diagnostics Snippet
• Prevent unwanted Layout Shifts caused by Scrollbars with the scrollbar-gutter CSS property
• Simplifying Form Styles With accent-color
• Systems for z-index
• Exploring the CSS Paint API: Polygon Border
• CSS Container Queries: Container Relative Lengths
• Animated Gradient Background Generator
• Understanding min-content, max-content, and fit-content in CSS
• Build your CSS loader with only one div — The Dots

JavaScript

• Comparing Methods for Appending and Inserting With JavaScript
• The Observer Pattern in JavaScript — the Key to a Reactive Behavior
• ES-Modules: For a faster JavaScript?
• What Does It Mean to Be a JS Front-End developer Nowadays?

• React
  • React state with a fragmented store
  • Ultimate ReactJS Resources 🛠For Web Developers 2021👨‍💻
  • Rebuilding A Large E-Commerce Website With Next.js (Case Study)
  • React Readability Analysis Of Implementing Custom Hooks
  • Say hello to Gatsby 4
  • React Hooks for infinite scroll: An advanced tutorial
  • 10 lessons I’ve learned about handling React state over the last 7 years…
  • React + GSAP: The Perfect Combo for Building Award-Winning Websites 🏆
• Vue
  • petite-vue review with Chris Coyier and Dave Rupert
  • Why I Picked Vue.js as My Freelancer Niche
  • Exploring Vite Through its Source Code
• Angular
  • Angular — DON’T call a function inside the template anymore
  • Introduction to NGXS, state management pattern + library for Angular
  • Telegraph with RxJS: the power of reactive systems
  • Typesafe code with Immer and where it can help in NgRx
• Ember
  • The Ember Times — Issue №189
  • Ember.js Cheat Sheet
  • Coding with the Dead — 21.9.21 — Ember Leaflet, Mirage, Ember Data
• Libs & Plugins
  • Elk: a tiny JS engine for embedded systems
  • Introducing Partytown 🎉: Run Third-Party Scripts From a Web Worker