Frontend Weekly Digest #338 (20–26 November 2023)

Web-development

• Stream-able Web Components and their parent/child relationship
• Shadow DOM is for hiding your shame
• Using the OpenAI platform to analyse automated test failures
• vectorizer.ai: Trace Pixels To Vectors in Full Color

CSS

• An Interactive Guide to CSS Grid
• Getting started with CSS container queries
• Elevate your CSS debugging skills with these Chrome DevTools tricks in 2024
• CSS Responsive Multi-Line Ribbon Shapes (Part 2)
• A Few Ways CSS Is Easier To Write In 2023
• Scroll Timeline Parallax Effect
• TailwindCSS as an API — An easy to use API that generates TailwindCSS on the fly.

JavaScript

• State of JavaScript 2023
• Building a progressive web app in Remix with Remix PWA
• Promises Training — Practice working with promises through a curated collection of interactive challenges.
• Different Tools For Linting JavaScript Components: A Practical Guide

• React
  • Efficient and Elegant Web Development with Next.js: A Deep Dive into Component Streaming and Chunked Transfer Encoding
  • How to Create a Sortable and Filterable Table in React
  • Combining AI with React for a Smarter Frontend
  • React Panel: Frontend Should Embrace React Server Components
  • How To Build Better React Components in 2024?
  • Top 5 React Design Patterns That You Should Know in 2024
  • How hooks work
  • Why Choose Next.js — Top 5 Performance Benefits
• Angular
  • Top 10 Angular 17 Feature Updates Revolutionizing Web Development
  • Update Guide: NX Workspace to Angular 17
  • Deep dive into the Angular Signals: Part 2
• Libs & Plugins
  • GPT Crawler — Crawl a site to generate knowledge files to create your own custom GPT from one or multiple URLs
  • How Qwik’s Astro Integration Beats Both React and Vanilla JS