TF #26 | Your weekly frontend digest

Frontend 🎨

• Head Toward the Light DOM

• Track Frontend JavaScript exceptions with Playwright fixtures

• Using on-demand resources for securely storing API keys in iOS apps

• Elevate your CSS debugging skills with these Chrome DevTools tricks in 2024

WebComponents

• Messin’ around with web components. Also—JavaScript, generally

• Web Components Eliminate JavaScript Framework Lock-in

CSS

• A Few Ways CSS Is Easier To Write In 2023

  

• CSS Responsive Multi-Line Ribbon Shapes (Part 2)

• How Bear does analytics with CSS

React

• 3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

• Concurrency in React 18 for busy bees

Web performances⚡

• Psychology of Speed: A Guide to Perceived Performance

• Resource Loading at the Cutting Edge | performance.now() 2023

• A New Technique for Image Optimization: SVG Short Circuiting

• Should AVIF be the dominant image format on the web?

UX / UI📱

• The State of UX in 2024 Beautiful website to discover! We expected no less for this survey

• The Usability of Augmented Reality

• Creating Bento Grid Layouts Everyone's talking about it! It's the design trend for 2024.

• Trending Design - The Best Design Inspiration on 𝕏

  🤩

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

Management, organisation 📇

• Are remote workers more productive? That’s the wrong question. - Stack Overflow

• 5 Ways To Work Effectively With Someone You Really Don’t Like

  

• 6 tiny wording tweaks to level up your communication as a software engineer

• How to be a good manager at a startup (9 principles)

• OKRs in Software Engineering

• Organizational danger zones

• Software Development and Postmortems

Misc🔋

• Tech predictions for 2024 and beyond

  

• One year of ChatGPT

• 10 Weird HTML Hacks That Shaped The Internet

• Why we use AWS instead of Vercel to host our Next.js app

• Demystifying Web Push Notifications

• An Introduction To Full Stack Composability

• Prompt Structure in Conversations with Generative AI

  

Tutorials 💻

• Changes you made may not be saved alert on page leave in react app

• How to create a React components ESM+CJS library

• Debug a React app with Visual Studio Code

• Building Real-Time Notifications with Upstash Redis, Next.js Server Actions and Vercel

Tools & ressources 🔧

• Knip: Find unused files, dependencies and exports in your JavaScript and TypeScript projects. Knip it before you ship it! Already talk about it but they released a new version with lot improvement.

• 

  Protomaps | A free and open source map of the world

• XState v5 is here

• Console Ninja: log output right next to your code

• Animotion — Visual CSS Animation Builder

• CSS Hooks

• Tamagui — React Native + Web UI kit

• React-native-ai: Full stack framework for building cross-platform mobile AI apps

  

• Marker: Convert PDF to markdown quickly with high accuracy

• Introduction | How React Works blog post series aiming to explain how react works under the hood

• A Collaborative List Of 1400+ Public APIs For Developers Generally quite well known but I came across it again so I'll put the link back up.

Videos 📼

• [1hr Talk] Intro to Large Language Models

  

• AI: Grappling with a New Kind of Intelligence If you have 2 hours to spare, I suggest you watch this discussion

• The Weird World in RGB Weird, but cool !

• 10 JavaScript changes you missed in 2023

  

• Vue and Vite Status Update - Evan You

Podcasts, talks...🎙️

• Syntax 698: Why You Should Be Using CSS @Layers

• JS Party #303 | Art of the state machine with Laura Kalbag from Stately.ai

• ShopTalk 593: Beep & Texts, Tumblr, JavaScript & Web Components, & Cool Blog Post Ideas

• Whiskey Web and Whatnot - Episode 119 - Cracking the Podcasting Code with Andrew Lisowski and Justin Bennett

Productivity and Working podcasts

• Developer Tea :: The Dark Side of Optimism Bias

• Developer Tea :: Fresh Eyes - How Anchoring Bias, Bandwagon Effect, Status Quo Bias, and Uniqueness Bias Interact When Joining New Groups

• The Productivity Show #484 - Embracing Gratitude and Positivity into December and Beyond

  

The French corner

• IFTTD #247 - Environnement et Numérique : Le dev est-il une réponse à tout ? avec Gilles Babinet

• AXOPEN | Intelligence artificielle et développement informatique : explorer les frontières des possibles.