Frontend Weekly Digest #334 (23–29 October 2023)

Web-development

• JSON is incredibly slow: Here’s What’s Faster!
• Playing with the Gamepad API
• It’s 2023, here is why your web design sucks.
• AI for Web Devs: Faster Responses with HTTP Streaming
• What are developers thinking?

• Accessibility
  • Splitting within Selects
  • A Roundup Of WCAG 2.2 Explainers
  • Enhancing Accessibility with AI and ML
  • Color contrast accessibility tools with examples
  • Creating contrast themes with CSS prefers-contrast and JavaScript

CSS

• Tailwind CSS vs. Semantic CSS
• CSS text-wrap: pretty
• Solved by CSS Scroll-Driven Animations: Style an element based on the active Scroll Direction and Scroll Speed
• CSS prefers-reduced-transparency
• How CSS @scope can replace BEM
• 20 Simple Ways to Style the HTML details Element

JavaScript

• What Removing Object Properties Tells Us About JavaScript
• instant.dev — Build APIs with JavaScript and Postgres, fast.
• Web Components Will Outlive Your JavaScript Framework
• Why I Won’t Use Next.js
• 17 common Node.js errors and how to solve them
• Choosing the best JavaScript sorting algorithm for your project

• New Releases
  • MDX 3 Released
  • ESlint: Deprecation of formatting rules
  • Nx 17.0 Has Landed!
  • Next.js 14
  • Release: Yarn 4.0 🪄⚗️
• React
  • State of React 2023
  • Using React Styleguidist to collaborate on component design
  • React useTransition: performance game changer or…?
  • React Performance Booster — Introduction to the useMemo hook
  • react-magic-motion — react.js library that ✨ magically animates your components.
  • An Introduction to Working with SVGs in React
• Vue
  • How to Use Vue Router 4
  • Why Haven’t u Migrated to Nuxt 3 Yet? 🥵 7 Benefits to Consider
• Angular
  • Empowering Angular Forms: 40 Handcrafted Custom Validators for Precision (2023)
  • State Management with Nested Signals (Experimental)
  • Modular Monoliths with Nx
  • Mastering Custom Pipes in Angular: 31 Real-world Examples (2023)
  • 10 Angular Dos & Don’ts
• Svelte
  • Svelte by Example
  • Svelte Tips and Features to Enhance Your Developer Experience