Frontend Weekly Digest #335 (30 October — 5 November 2023)

Web-development

• Google Search Central Blog: Mobile-first indexing has landed
• Internet Artifacts

• Performance
  • Effective Strategies for Optimizing Performance
  • Answering Common Questions About Interpreting Page Speed Reports
  • Server-Side Rendering Evolved: Unlocking Faster TTFB and TTI with Streaming SSR
• Accessibility
  • Strikethrough Accessibility
  • Don’t Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers
  • Don’t Turn a Table into an ARIA Grid Just for a Clickable Row
• Effects
  • Tilt-Shift Blur Effect
  • Image Layer Animations with Clip-Path

CSS

• What Exactly is “Modern” CSS?
• Upcoming CSS features to make your life easier
• Messing About with CSS Gradients
• The New CSS Math: rem() and mod()

Btw, a bit of the “modern CSS”

JavaScript

• Announcing WinterJS — a JavaScript Service Workers server written in Rust, that uses the SpiderMonkey runtime to execute JavaScript
• Speeding up the JavaScript ecosystem — Tailwind CSS
• How to use the Fetch API in Node.js, Deno, and Bun
• Announcing TypeScript 5.3 RC

• React
  • React Server Components: A comprehensive guide
  • Using Crystalize.js with React for dynamic state management
  • Build a Full-Stack AI App in React with the Elegance SDK
  • The complete guide to WebSockets with React
  • Guide to React Suspense: From Code Splitting to Data Fetching
  • How to Dockerize a React App and Deploy It Easily
  • Recap of Next.js Conf 2023 and v14 release
  • Can Next.js Handle 5000 Pages?
• Angular
  • New Angular 17 feature: new control flow syntax
  • Exploring Recursion in Angular Components: A Practical Guide with Examples
  • Deep Dive into Angular’s @Attribute Decorator: Real-World Applications and Tips
• Other Frameworks
  • Introducing Nue JS, a Svelte alternative
  • A Complete Guide to LangChain in JavaScript
  • Svelte Flow — a library for rendering interactive node-based UIs
  • Understanding Astro integrations and the hooks lifecycle
• Libs & Plugins
  • jessquery — a lightweight wrapper around the DOM API that offers the intuitive elegance of jQuery, but streamlined for the modern web.
  • data-guardian — Tiny, zero-dependencies, package which tries to mask sensitive data in arbitrary collections (map, set), errors, objects and strings
  • SolidJS adoption guide: Overview, examples, and alternatives
  • 4 Laws of RxJS Observables