TF #35 | Your weekly frontend digest

And the recent conclusion : Apple reverses course on death of Progressive Web Apps in EU

After a 2-week break (I was too ill to work properly), I'm back with a full load of news as usual. Apple is still in the news, but not for the right reasons.

You'll find articles on the future of React. There's also an article on the last 12 years of a Meta engineer who has worked on so many projects!
2 detailed comparative articles on Next/Remix/HTMX. On the work side, a story about a dream job that turned into a nightmare and a guide to getting started as a CTO.
And we end up with a crazy project: making a Mario kart playable on the web!

Frontend 🎨

CSS

• CSS :has() Interactive Guideit's not just an interactive guide, it's an EPIC guide to understanding the whole concept

  

• View transitions: Handling aspect ratio changes - JakeArchibald.com

• Going beyond pixels and (r)ems in CSS - Container query length units - iO tech_hub

• What is Utility-First CSS?: HeydonWorks

• Tailwind marketing and misinformation engine

  

• Write CSS. Not too much. Mostly scoped. • Lee Reamsnyder

  

Misc

• Rendering emails with Svelte - Dmitry Kudryavtsev

• Using localStorage in Modern Applications - A Comprehensive Guide

• console.delight – Frontend Masters Boost

• JavaScript Bloat in 2024 | tonsky.me

  

• Picture in Picture Cheat Sheet (iOS) – Tiago Lopes

React

• React Will Be Compiled

• React Trends in 2024

• Avoiding Hydration Mismatches with useSyncExternalStore | TkDodo's blog

  

• Exploring Next.js Forms with Server Actions

• Instant Search Params with React Server Components

• Exploring Next.js Forms with Server Actions

• Next.js vs. Remix - A Developer's Dilemma | Saeloun Blog

  

• HTMX vs React: A Complete Comparison - Semaphore

Node/Deno

• DENO | Survey Results and Roadmap

• Node.js 2023 Year in An Article

Web performances⚡

• A 400% faster Performance panel through perf-ception

• Reporting Core Web Vitals With The Performance API — Smashing Magazine

  

UX / UI📱

• Designing With Integrity: The Ethical Designer's Handbook On Dark Patterns - Raw.Studio

• Dead Simple Sites — Minimal Website Inspiration

Videos 📼

• A simple mistake that can screw up your light/dark theme (and how to fix it)

• React Hook Form & React 19 Form Actions, The Right Way

  

• How streaming impacts React and Next.js applications

Tutorials 💻

If you find this newsletter useful and satisfying, please support us by subscribing and sharing it with others! Thank you.

• Exploring Component Testing in Vue with Playwright - DEV Community

  

• Control Lazy Load, Infinite Scroll and Animations in React — SitePoint

• Secure statically rendered paid content in Next.js (with the App Router) | Eric Burel Tech Blog

Tools & resources 🔧

• Functional UI Kit

  

• Huemint - AI color palette generator Visualize your color palettes with real examples

• Vuexyz/vuexyz: Creative coding composables for Vue 3.

• PrimeVue - Vue UI Component Library

  

• Embla Carousel | A lightweight carousel library with fluid motion and great swipe precision

Podcasts, talks...🎙️

Find our list of the best English and French podcasts here

• JSR: The New TypeScript Package Registry (NPM Killer) - Syntax #737

  

• Take a look, it's in a book with Adrienne Braganza Tacke & Dylan Hildenbrand (JS Party #314)

• ShopTalk 604: VS Code Plugins, Git as a Radical Statement, Tailwind & Arc Drama

• Whiskey Web and Whatnot - Episode 133 | Inclusive Experiences in React Applications: Championing Neurodivergent Accessibility w/ Amera White

The French corner

• //82 - Les News Web Dev février 2024

  

• IFTTD #261 - No code pour l’IA : La force du collectif & des IA avec Pascal Corrotti

• AXOPEN | Zoom sur le framework Serverless | Ausha

Work / Productivity 📇

• Guide to leading meetings as a software engineer

  

• Your First Year as a CTO: A Comprehensive Guide | by Johan Steyn

• How my dream design job turned into a nightmare | Matej Latin

• Manager of managers — Outcomes over output | by Nitin Dhar | Total Engineering Management

  

• Productive Compliments: Giving, Receiving, Connecting

• Stop postponing things by embracing the mess

Misc🔋

• Vjeux » 12 Years at Meta If you don't know this legend, now's the time to catch up on all his projects - you've probably used one of them once!

• Zapier Architecture - by Neo Kim - System Design Newsletter

  

• How Discord Moved Engineering to Cloud Development Environments

• A beginner’s guide to making beautiful slides for your talks · ines.io

Fun 👾

• Lunakepio/Mario-Kart-3.js Already covered in a previous issue, but now much more complete! A must-see!