TF #29 | Your weekly frontend digest

🗞 Article of the week : 2023 JavaScript Rising Stars

Lots of recap articles from 2023 and predictions for 2024. Also lots of tools and good reading! (as usual)

---

Frontend 🎨

• The View Transitions API And Delightful UI Animations (Part 1) Smashing Magazine

• Why JavaScript promises arent technically monads | functional fascinations

• 2023 JavaScript Rising Stars
  

• Why I use Astro by Flavio Copes

• Never underestimate HTML - HTMHell

• What the heck is a homomorphic mapped type? andrea simone costa

• Let's Bring Back JavaScript's with() Statement | Alex MacArthur

• Making Sense Of Senseless JavaScript Features Smashing Magazine
  

CSS

• Container Style Queries | 12 Days of Web

• Container Queries and Units Frontend Masters Boost

Vue

• Announcing Vue 3.4 | The Vue Point

• What to expect from Vue.js in 2024
  

WebComponent

• Web components in VS Code 12 Days of Web Components

• Alternate Futures for Web Components The Ethically-Trained Programmer

React

• React Server Components: the Good, the Bad, and the Ugly
  

• Concurrent React, External Stores, and Tearing

• How Lee Robinson created his Guestbook, and you can do it too - Bejamas

Web performances

• Web Performance Calendar Digging through Chrome traces: an introduction with an example

• Web Performance Calendar A checklist for CLS scenarios

UX / UI📱

• Figma and Adobe are abandoning our proposed merger | Figma Blog

• Top UI/UX Design Trends of 2024 | Shakuro

• The Best Book Cover Designs of 2023

• From identities for a bakery to the Milanese orchestra, heres our most-read projects from 2023 The Brand Identity
  

• Spotify Wrapped: 6 psychology principles that make it go viral every year
  

• How to fix a bad user interface

• Porsche Design System

Management, organisation 📇

• Why do programmers need private offices with doors? (Do Not Disturb)

• How we work asynchronously - by Ian Vanagas
  

• First do it, then do it right, then do it better.

• New Ways of Working Playbook

• How to Write Great Tech Specs - by Nicola Ballotta

• 3 scenarios when you should ask for help
  

• 2024 Guide to Goals for Software Engineers
  

• We invested 10% to pay back tech debt; Here's what happened

• 8 Tips to Manage Your Time Better to Achieve Your Goals in 2024

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

Misc🔋

• Is NoSQL dead? - Turso Blog

• Being Normal - Christopher Butler

• PostgreSQL 14 Internals : Postgres Professional

• How Big is YouTube? - Ethan Zuckerman

• How to make your team read your mind - by Anton Zaides

• The 30 Best Pieces of Advice for Entrepreneurs in 2023

Tutorials 💻

• HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript
  

• Full Stack React Developer Course with Appwrite

Tools & resources 🔧

• Face Photo Restorer
  

• Strawberry - Zero-Dependency, Build-Free JavaScript Framework
  

• Sailboat UI - Modern UI component library for Tailwind CSS

• Observable Plot | The JavaScript library for exploratory data visualization

• Cool Symbols and Fancy Text Symbols to Copy Paste 😍 Cool Symbols

• Realtime Colors
  

• date-fns v3 is out!

• Color Designer - Simple Color Palette Generator

• Front Tips | Frontend Development Video Tips and Tricks
  

• DevResume

• StyleX Meta now offers a styling solution to compete with tailwind

• React Aria
  

Videos 📼

• Under the radar CSS features for your CSS reset

• Most TS devs don't understand 'satisfies'
  

• the ChatGPT store is about to launch lets get rich
  

• React Server Components: the Good, the Bad, and the Ugly - YouTube

• Figma côté développeurs (French) Encore une très bonne vidéo de grafikart runissant le meilleur des 2 mondes, (dev et design)
  

Podcasts, talks...🎙

🎧 Find our list of the best English and French podcasts here

• 2024 Predictions - Syntax #712 I love the "predictions" articles or videos and seeing if the guys bet on the right bet or totally missed out.
  

• A Passwordless Future Passkeys with Anna Pobletts - Syntax #710

• The Surprisingly Exciting World of Print + PDF CSS - Syntax #711

• JSJ 613 - The Future of Authentication in JavaScript: An Inside Look into Passport JS with Jared Hanson

• What's next in JavaScript (a TC39 update) featuring Daniel Ehrenberg from Bloomberg (JS Party #305) |> Changelog

• Whiskey Web and Whatnot - A whiskey fueled fireside chat with your favorite web developers.

Productivity

• Developer Tea :: 9 Years - Persistence by Reducing Expectation

• 3 Tips to Stay Motivated in 2024 (TPS489)

The french corner

• IFTTD - Une année pleine d'IA ! Avec Quentin Adam Comme tous les ans, l'épisode rcap de l'année avec le CEO de Clever Cloud. Toujours très pertinent !
  

• Double Slash //77 - Les News Web Dev pour Nol 2023 Double dose d'actu pour Double Slash avec l'épisode de Noel et de la nouvelle année !
  

• Double Slash //78 - Les News Web Dev janvier 2024

• Steampunk Caf : histoire de la tech en Europe continentale (2/2) Tech Caf (French) La suite encore meilleure que le premier pisode ! J'ai appris beaucoup de choses. Je vous le recommande !

---

💌 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