TF #29 | Your weekly frontend digest

Lots of recap articles from 2023 and predictions for 2024. Also lots of tools and good reading

Frontend 🎨

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

• Why JavaScript promises aren’t 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, here’s 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

Work - Productivity 📇

• 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

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… let’s 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 réunissant le meilleur des 2 mondes, (dev et design)

  

Podcasts, talks...🎙️

• 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 récap de l'année avec le CEO de Clever Cloud. Toujours très pertinant et sans langue de bois !

  

• Double Slash //77 - Les News Web Dev pour Noël 2023 Double dose d'actu pour Double Slash avec l'épisode de Noël 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é La suite encore meilleure que le premier épisode ! J'ai appris beaucoup de choses. Je vous le recommande !