Frontend Weekly Digest #380 (9–15 September 2024)

Web-development

• Two Ways to Create Custom Translated Messaging for HTML Forms
• Building the Same App Using Various Web Frameworks
• JWT authentication: Best practices and when to use it
• Why ChatGPT Shifted From Next.js To Remix: Some Theories
• Why is reaching WCAG level AAA not recommended?

• Tools
  • Build Web Apps Absurdly Fast with Vite
  • Announcing Rsbuild 1.0
  • Introducing @bramus/caniuse-cli, a CLI tool for “Can I Use …”
• Performance
  • Chrome ends support for First Input Delay
  • Rust vs JavaScript: Achieving 66% Faster Performance with WebAssembly
• Effects
  • Split Effects with no Content Duplication
  • Marquee! No text duplication, no JS

CSS

• The Undeniable Utility Of CSS :has
• Logical Properties in Size Queries
• Captured Custom Properties
• Two CSS Properties for Trimming Text Box Whitespace
• Controlling your video animations with scroll-timeline and animation-timeline
• 11 Crazy Inspiring CSS Artists You Need to Know
• Replacing React code with CSS :has selector

JavaScript

• Javascript Promises in depth with V8 engine internals
• What Does Hydration Mean?
• Write a domain-specific language in javascript in a weekend

• React
  • Create a Toggle Switch in React as a Reusable Component
  • JSX Evolved: The React Server Components
  • React and FormData
  • React﹤Kitten﹥ — React desktop environment for the web. React-ish and highly customizable.
• Vue
  • How Event Handling Works in Vue 3: A Guide for Developers
  • Nuxt 4 features you can use now
• Angular
  • How to Transform an Angular Application with Signals
  • Learn how to animate transitions in Angular apps
• Libs & Plugins
  • The fastest JS color library
  • Auth.js adoption guide: Overview, examples, and alternatives
  • Shoelace: Web Components Library That Works With Any Framework