TF #35 | Your weekly frontend digest

🗞 Articles of the week : Apple’s decision to drop iPhone web apps comes under scrutiny in the EU - The Verge and
Home Screen Advantage - Infrequently Noted

---

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

---

Frontend 🎨

• Using localStorage in Modern Applications - A Comprehensive Guide | RxDB - JavaScript Database

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

• 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 🔧

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

• 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

  

• JavaScript Jabber | RedCircle

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

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

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

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!

  

---

💌 If you like this newsletter, don't hesitate to subscribe, to share it and support us! We are also on Twitter/X and BlueSky, come and say Hello! We share content throughout the week in advance. Thank you