Frontend Weekly Digest #196 (1–7 February 2021)

Web-development

• Deep Dive into WebSockets

• Tools
  • npm 7 is now generally available!
  • The Preact Team Releases WMR to Simplify Modern Web App Development
  • svgwaves.io — online-tool for creating SVG waves
• Performance
  • The web performance of internal systems is important, so optimise them too
  • Making GitHub’s new homepage fast and performant
• Accessibility
  • A Guide to Making Your Images and Videos Accessible
  • Accessibility Testing for the Mobile Web
• Effects
  • UI Interactions & Animations Roundup #14
  • Rotating Loading Animation of 3D Shapes with Three.js
  • How to Code the Travelling Particles Animation from “Volt for Drive”

CSS

• Things You Can Do With CSS Today
• Make Animated Content Placeholders with HTML and CSS
• Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support
• Faking container queries with CSS Grid
• CSS Polygon Shapes
• 4 Weird Tricks To Become A 10x Flexbox Engineer

JavaScript

• SOLID principles: Single responsibility in JavaScript frameworks
• Multilingual Engine: Executing JavaScript in Oracle Database
• Is JavaScript Becoming TypeScript?

• React
  • 3 Ways to Analyze React Performance with Reactime
  • The Process I Followed to Optimise the Performance of a React App
  • CI/CD and React: Create a pipeline using Heroku and CircleCI
  • How to use Rockpack
  • Архитектурный паттерн Dependency Injection в React-приложении
• Vue
  • Yes, Vue 3 is out but you probably don’t need it 🤷‍♂️
  • Using Pug.js with Vue.js
  • Lazy Load Routes in Vue with webpack Dynamic Comments
  • Dynamically Switching From One HTML Element to Another in Vue
• Angular
  • The Ultimate Guide to Creating Auto-Saving Forms in Angular
  • SEO in Angular Without Server-Side Rendering
  • Headless Angular Components
  • Building Web, Desktop and Mobile apps from a single codebase using Angular
  • Top 10 Angular meetup videos in 2020
  • Under the Hood of the Language Service
• Ember
  • Alternatives to mut
  • How To Todo In Ember Template Lint
  • Reactivity Basics (Tracked Decorator) — EmberJS Octane
• Svelte
  • Svelte Kit, the first ‘serverless-first’ framework?
  • Building Web Apps With Svelte
  • An Introduction To Svelte
• Libs & Plugins
  • Understanding front-end data visualization tools ecosystem in 2021
  • LinkeDOM: A JSDOM Alternative