Tech foutraque #3 - Frontend newsletter

🎨 Frontend

• Chris Coyer | Modern CSS in Real Life

• TypeScript is a virus!

• Is React Having An Angular.js Moment ?

• Introducing the popover API

• RSC From Scratch. Part 1: Server Components by Dan Abramov

• New CSS color spaces and functions in all major engines

• An introduction to @scope in CSS

• Best Practices for Reusable Components in Enterprise Apps

• React reconciliation: how it works and why should we care

Webperf

• 300ms Faster: Reducing Wikipedia's Total Blocking Time

• WebPerf Snippets | A curated list of snippets to get Web Performance metrics

• Investigating the impact of HTTP3 on network latency for search (by Dropbox)

• Watch Out for Layout Shifts with ch Units

• 3 ways to find your worst JavaScript offenders for page load

• Time to First Byte: What it is and How to Make Improvements

• The modern way of serving images

🤖 Ai

• Google created FREE comprehensive training on Generative AI

• Albus AI | A live board that will help you explore any topic you like in new ways, from different perspectives

• 100% functional artistic QR Codes designed with AI 🇨🇳

• Why AI Will Save the World

• On My (Technical) Watch #10 - Travailler avec l'IA 🇫🇷

📱 UX / UI

• Why Japanese Websites Look So Different

• Designing the latest generation of Uber Navigation: maps built for ridesharing

• How Nike became the brand to imitate

🔋 Misc

• Data Center Fires: A Detailed Breakdown with 19 Examples (shared by _Nidouille_ on twitter)

• Building a Startup from Scratch: My Mistakes as CTO

• Using the Needs Stack for competitive strategy

• Engineering Levels: A Simple Framework for Startups

• Twitter and Reddit's high-priced APIs are bad news for the internet's future

• Demystifying Domain-Driven Design (DDD) in Modern Software Architecture

• Slack System Design

👾 Tutorials

• Free course by Figma : Introduction to design systems

• Level Typescript | One Hour TypeScript Workshop

🔧 Tools

• Engineer-manager | A list of engineering leadership resource links

• Awesome-selfhosted | A list of Free Software network services and web applications which can be hosted on your own servers

• Hooks for Alpine.js

• VueHooks Plus | High performance & Simplicity Vue3 Hooks library

• ReactPy | A library for building user interfaces in Python without Javascript

• algolia autocomplete | A JavaScript library that lets you quickly build autocomplete experiences

• bundlejs | A quick npm package size checker

• Solid-mason | Masonry layout for SolidJS

Devops

• Pourquoi notre workflow Devops est le plus efficace et rentable que vous puissiez trouver aujourd'hui (1re partie) 🇫🇷

📼 Videos

• Google Search Central | English Google SEO office-hours from June 2023

• What is Platform Engineering and how it fits into DevOps and Cloud world

• Chrome DevTools Tips Styles Pane & Elements Panel (by CSS Weekly)

🎙 Podcasts, talks...

• Syntax FM - Is JSDoc Better than TypeScript?

• JS Party - Million ways to render

• The Productivity Show - From Burnout to Breakthrough: How This Engineer Achieved Career Success

• IFTTD #217 - Le Mandalorian du bug 🇫🇷

• Le rendez-vous Tech #515 - Apple vous en met plein les yeux - Vision Pro, WWDC... 🇫🇷

• Tech caf - Apple Vision Pro : une vision dsirable ? 🇫🇷

• Le Panier #233 - Ekoo : Laudio le nouvel eldorado pour vendre mieux 🇫🇷