Tech Foutraque #14 | Frontend Digest

Lots of new releases, starting with Bun 1.0 finally in stable release and especially Astro 3.0, with which we've seen a lot of articles on the view transitions API.

🎨 Frontend

• Astro View Transitions - Chrome Developers

• What is the View Transitions API and how to use it with meta frameworks

• Challenging Established Norms: Making Component Fetching the Exception

• Best Practices Working with JSON in JavaScript: A Deep Dive

• How to Write a Secure JWT Library If You Absolutely Must – Semantically Secure

• Browser Video Players Review — Adrian Roselli

• Chris’ Corner: Web Components Don’t Need You

• WOFF Has Left the Building · Matthias Ott – User Experience Designer

• Chakra, Panda and Ark - What's the plan? - Segun Adebayo

• How layout position impacts three big web performance levers – Performance @ Shopify

• Why Does Email Development Have to Suck?

• DOM, DI and View: the trees of Angular

• The Anatomy of a Vue 3 Component

• Vue.js Memory Leak Identification And Solution.

• Making Sense of React Server Components

• Should I Use Server Actions Or APIs? | Pro NextJS

• A Wide View of Automated Testing in React Apps - React Handbook

📱 UX / UI

• UX Case Study: Turning a 100-Year-Old Bank into a Digital Innovator

• Always Show the Number of User Ratings in List Items (5% Don’t)

• Case Study: Magma Math. Web Design for Educational Platform

• Browse websites by fonts

• The new Google Fonts: find what you’re looking for - Material Design

• Information Architecture vs. Sitemaps: What’s the Difference?

• I’m a fake brand, in a fake world: The secrets behind designing a great fictional brand for TV and film

• Transitions – Material Design 3

• UX Research Templates a notion hub with templates for almost everything!

📇 Management, organisation

• Managing the chaos of context switching | LeadDev

• Please stop multitasking. I’m begging you. Please.

• Movement for Engineers

• When you start to doubt yourself, design from the inside out

• The Engineering executive’s role in hiring

• Here's a Technique to Get Your Manager to Do What You Want.

🔋 Misc

• Designing healthcare solutions: How trying to get better made me sick

• How Spotify’s Design System Goes Beyond Platforms | Figma Blog

• The 11 Types Of Toxic Pull Requests (According To 4.5 Million Code Branches)

• How Vercel Shipped Cron Jobs in 2 Months Using Amazon EventBridge Scheduler | AWS News Blog

• Design tool memory usage

• Using Zig in our incremental Turborepo migration from Go to Rust – Vercel

• Memories of Molly – Eric’s Archived Thoughts

🎓 Tutorials

• Deliveroo Food Ordering Clone with React Native (Expo Router, Zustand, Reanimated, Google API)

• GraphQL Course for Beginners

• tRPC + NextJS App Router = Simple Typesafe APIs

⚙️ Tools & ressources

• Williamtroup/Calendar.js: 📅 A javascript drag & drop event calendar, that is fully responsive and compatible with all modern browsers.

• Plate Build your rich-text editor.

• React Email A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript

• Audio Waveforms Browser-based audio waveform visualisation

📼 Videos

• Paola Mariselli - PEOPLE MANAGEMENT: FROM GOOD TO GREAT - RenderATL 2023

• Evan You - REACTIVITY DEEP DIVE WITH VUE.JS - RenderATL 2023

• 50 shades of React rendering with Next.js | Ben Ilegbodu | SeattleJS Conf 2023

• Master GitHub Copilot as a Beginner

• Does Astro make heavy JS frameworks obsolete?

• Danny Thompson - IMPROVE YOUR DATA FETCHING WITH REACT QUERY - RenderATL 2023

• Is Tailwind Taking Over CSS? (and some other insights)

🎙️ Podcasts, talks...

• First Round Review | In-Depth Episode 102

• Ep 49: The State of Databases Today (w/ Andy Pavlo - CEO of OtterTune)

• What is it like to write code at Meta? - Engineering at Meta

• Syntax Podcast 662 | JavaScript Closures & Scope Explained

• JS Party #291 | A view to a transitions API

• JavaScript Jabber 597 | What if your JavaScript Validations Looked like Tests?

• Developer Tea | Two Tips for Better Retros - Add Specificity, Respect Uncertainty

For French speakers :

• 87 - Le smartphone Open Source perd ses datas Linux dans une Java virtuelle - Clever Cloud

• If This Then Dev | Développement pragmatique : La théorie de la pratique

• RDV Tech 529 – Crime et législation sur Internet

• Jonathan Cherki - Contentsquare - Tout faire à 400% et fonder la référence de la French Tech valorisée à plus de $5MDS