Tech Foutraque #13 | Frontend Digest

🎨 Frontend

• The complexity of writing an efficient NodeJS Docker image

• View Transitions Break Incremental Rendering

• A Few Interesting Ways To Use CSS Shadows For More Than Depth

• 14 Linting Rules To Help You Write Asynchronous Code in JavaScript

• Array Types in TypeScript

• JavaScript waitFor Polling

• Vue 3 for React developers: Side-by-side comparison with demos

• Case Study: Rebuilding TechCrunch layout with modern CSS

• Manage components appearance with useToggle hook

📱 UX / UI

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

• 60 UX Cards to Discover Cognitive Biases, by Stéphanie Walter & Laurence Vagner

• Playbook for universal design – Universal design methods for more inclusive solutions

• collected ✦ new web design inspiration on every visit

• The value of good design

• UI Interactions & Animations Roundup #35 | Codrops

• 7 reasons to replace advanced search with filters so users can easily find what they need

• Learn as you search (and browse) using generative AI

• Dark Mode: How Users Think About It and Issues to Avoid

📇 Management, organisation

• How to prepare for difficult conversations

• Measuring developer productivity? A response to McKinsey

• AddyOsmani.com - An effective team communicates much like optimized code: with clarity, modularity, and a focus on simplicity.

• How many years to senior engineer?

🔋 Misc

• WhatsApp Engineering - System Design Newsletter

• An Excruciatingly Detailed Guide To SSH (But Only The Things I Actually Find Useful)

🎓 Tutorials

• Astro for Fast, Modern Web Development | Learn Zero-JavaScript, Partial Hydration, and UI Framework-Agnostic Dev | Frontend Masters 💵

• Implementing Google OAuth Authentication in Next.js

🔧 Tools & ressources

• Nodeshift/nodejs-reference-architecture: The Red Hat and IBM Node.js Reference architecture

• Dylanaraps/pure-bash-bible: 📖 A collection of pure bash alternatives to external processes.

• Rameshvarun/blog-cells: Add interactive code snippets to any blog or webpage.

• PDF Tool - HodlSoftware

• Chinchang/screenlog.js: Bring console.log on the screen

• Zero - Store and ship API secrets

• CSS Selectors: A Visual Guide & Reference

• CSS Loaders: A collection of more than 500 loading animations

• Wallaby - Immediate JavaScript test feedback in your IDE as-you-type

📼 Videos

• Abstraction Bad? | Clean Code : Horrible Performance

• All 12 useState & useEffect Mistakes Junior React Developers Still Make in 2023

• JavaScript Maps are super underrated | Wes Bos

• LLMs with vision, Safety checks to Chrome, and more dev news | Google dev

• Pourquoi utiliser une librairie front-end ? et comment la choisir ? 🇫🇷

🎙️ Podcasts, talks...

• Modernizing packages to ESM featuring Mark Erikson (JS Party #290) |> Changelog

• Syntax - Tasty Web Development Treats - Supper Club × Shipping ESM with Mark Erikson

• ShopTalk 580: Chen Hui Jing and the State of CSS Survey for 2023

• Find Your Rhythm and Watch What Happens With Your Productivity