Frontend Weekly Digest #237 (22–28 November 2021)

Web-development

• BlinkOn 15–16 videos from the virtual event
• Understanding WAI ARIA with apples and elements
• Cross-fading any two DOM elements is currently impossible

CSS

• Control Layout in a Multi-Directional Website
• A Handy Little System for Animated Entrances in CSS
• My Custom CSS Reset
• Dynamic Color Manipulation with CSS Relative Colors
• State of CSS 2021 [BlinkOn 15]
• Make your website stand out with a custom scrollbar
• Adding A Dyslexia-Friendly Mode To A Website
• Creating Generative Patterns with The CSS Paint API
• Modern CSS in a Nutshell

JavaScript

• How JavaScript engines achieve great performance
• How not to write property tests in JavaScript
• Memory Management in Javascript
• Sometimes, Javascript is not the Right Answer
• proposals.es — A website for keeping up to date with ECMAScript proposals.
• JWT: Ultimate How-To Guide With Best Practices In JavaScript
• How JavaScript works: the factory design pattern + 4 use cases

• React
  • How To Maintain A Large Next.js Application
  • Tamagui — Universal React design systems that optimize for native & web
  • 5 things I struggled with when learning React with a Vue background
  • 3 Ways to Implement Skeleton Components in React
  • A Complete Beginner’s Guide to React useState hook [Part 1]
  • Using WebAssembly (created in Rust) for Fast React Components
  • What time is it? Reactime!
  • Rematch — a better Redux?
  • React with TypeScript Cheatsheet
  • How to write more readable React code
  • How to create SVG maps in React with react-simple-maps
• Vue
  • Nuxt Third Party Code Is Poison: Cure It In 3 Easy Steps
  • MountainVue: Your Next Favorite Developer Tool to Traverse Through Your Vue Applications
  • Troubleshooting nested pages in Nuxt.js
• Angular
  • There is no alternative to ::ng-deep
  • Angular String/Text Interpolation
  • Modern Angular Tooling for the New Year
  • Deploying an Angular App on GitHub Pages
• Svelte
  • Introduction to Svelte Actions
  • Comprehensive guide of Event Handling in Svelte
  • How to: Create a web component in Svelte
• Libs & Plugins
  • Spacing JS — A JavaScript utility for measuring the spacing between elements on webpage. This is supposed to be used during development only.
  • Tiny UI Toggle — Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal
  • COBE — A lightweight (5kB) WebGL globe lib.
  • Top 5 IoT Libraries for JavaScript Developers
  • web-units-conversify — Javascript library for converting pixels, viewports and REM units!
  • Building data stories through charts with Vizzu