Frontend Weekly Digest #347 (22–28 January 2024)

Web-development

• How to turn off password managers for fields
• Web Components in Earnest
• How to Automatically Consume RESTful APIs in Your Frontend
• Exploring and testing API behavior with OpenAPI DevTools
• Top 7 Common Frontend Security Attacks

• Tools
  • New in Chrome 121
  • 5 Ways to Publish Multiple Packages in 2024
• Accessibility
  • Key updates in WCAG 2.2: Expert’s overview
  • Bump up modal accessibility with aria attributes and focus trap. Implementations in vanilla JavaScript and React.
• Effects
  • Navigation in Print Media Style
  • Round the corner scrollbar
  • Draw on Scroll

CSS

• How to align the text of the last paragraph line
• CSS Blurry Shimmer Effect
• CSS-only backdrop images
• Highlight Text When a User Scrolls Down to That Piece of Text
• Experimental CSS-Only Carousels with Scroll-Driven Animations
• 3D in CSS
• Nicer Text Wrapping with CSS text-wrap

JavaScript

• WebGPU-kit — a collection of libraries that make it easy to build high-performance, cross-platform, web-based graphics applications.

• React
  • From My Experience: useEffect vs useLayoutEffect in React
  • Next.js App Router. Experience of use. Path to the future or wrong turn
  • Lessons learned upgrading to React 18 in SonarQube
  • How to start a React Project in 2024
  • Developing a responsive mega menu in React
  • Creating an AI photo generator and editing app with React
  • React onClick event handlers: A complete guide
  • New client-side hooks coming to React 19
• Vue
  • Lazy Hydration and Server Components in Nuxt — Vue.js 3 Performance
  • Top UI Libraries for Building Stunning UIs in Vue 3 and Nuxt 3
  • Insights and Trends in Vue.js from Evan You 2024
• Angular
  • Building ComputedAsync for Signals in Angular
  • Diving into the New Angular Control Flow Internals
  • Full Stack Apps with Angular and NestJS in Nx Monorepo