Tech foutraque #3 - Frontend newsletter
Tags: webdev, frontend, typescript, javascript
Published: 2023-06-27 19:53:53

### 🎨 Frontend

- [Chris Coyer | Modern CSS in Real Life](https://chriscoyier.net/2023/06/06/modern-css-in-real-life/)

- [TypeScript is a virus!](https://javascript.plainenglish.io/mentor-typescript-is-a-virus-a8ed076f1de9)

- [Is React Having An Angular.js Moment ?](https://dev.to/reactadmin/is-react-having-an-angularjs-moment-26dh-temp-slug-2195700)

- [Introducing the popover API](https://developer.chrome.com/blog/introducing-popover-api/)

- [RSC From Scratch. Part 1: Server Components by Dan Abramov](https://github.com/reactwg/server-components/discussions/5)

- [New CSS color spaces and functions in all major engines](https://web.dev/color-spaces-and-functions/)

- [An introduction to @scope in CSS](https://fullystacked.net/posts/scope-in-css/)

- [Best Practices for Reusable Components in Enterprise Apps](https://blog.bitsrc.io/best-practices-for-reusable-components-in-enterprise-apps-37fcc7cdd1ec)

- [React reconciliation: how it works and why should we care](https://www.developerway.com/posts/reconciliation-in-react)

### Webperf

- [300ms Faster: Reducing Wikipedia's Total Blocking Time](https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/)

- [WebPerf Snippets | A curated list of snippets to get Web Performance metrics](https://webperf-snippets.nucliweb.net/)

- [Investigating the impact of HTTP3 on network latency for search (by Dropbox)](https://dropbox.tech/frontend/investigating-the-impact-of-http3-on-network-latency-for-search)

- [Watch Out for Layout Shifts with ch Units](https://cloudfour.com/thinks/watch-out-for-layout-shifts-with-ch-units/)

- [3 ways to find your worst JavaScript offenders for page load](https://performance.shopify.com/blogs/blog/3-ways-to-find-your-worst-javascript-offenders-for-page-load)

- [Time to First Byte: What it is and How to Make Improvements](https://calibreapp.com/blog/time-to-first-byte)

- [The modern way of serving images](https://kurtextrem.de/posts/modern-way-of-img)

### 🤖 Ai

- [Google created FREE comprehensive training on Generative AI](https://www.cloudskillsboost.google/paths/118)

- [Albus AI | A live board that will help you explore any topic you like in new ways, from different perspectives](https://aivalley.ai/albus/)

- [100% functional artistic QR Codes designed with AI](https://mp.weixin.qq.com/s/i4WR5ULH1ZZYl8Watf3EPw) 🇨🇳

- [Why AI Will Save the World](https://a16z.com/2023/06/06/ai-will-save-the-world/)

- [On My (Technical) Watch #10 - Travailler avec l'IA](https://nerthusconsulting.be/2023/06/07/on-my-technical-watch-010-travailler-avec-l-intelligence-artificielle.html) 🇫🇷

### 📱 UX / UI

- [Why Japanese Websites Look So Different](https://medium.com/@mirijam.missbichler/why-japanese-websites-look-so-different-2c7273e8be1e)

- [Designing the latest generation of Uber Navigation: maps built for ridesharing](https://medium.com/uber-design/designing-the-latest-generation-of-uber-navigation-maps-built-for-ridesharing-de3ede031ce1)

- [How Nike became the brand to imitate](https://webflow.com/blog/nike-marketing-strategy)

### 🔋 Misc

- [Data Center Fires: A Detailed Breakdown with 19 Examples](https://dgtlinfra.com/data-center-fires/) (shared by [\_Nidouille\_](https://twitter.com/_Nidouille_/status/1664512166026698753) on twitter)

- [Building a Startup from Scratch: My Mistakes as CTO](https://egor-romanov.medium.com/building-a-startup-from-scratch-my-mistakes-as-cto-b20b463e0058)

- [Using the Needs Stack for competitive strategy](https://longform.asmartbear.com/needs-stack/)

- [Engineering Levels: A Simple Framework for Startups](https://newsletter.engineering.land/p/engineering-levels-a-simple-framework)

- [Twitter and Reddit's high-priced APIs are bad news for the internet's future](https://mashable.com/article/social-media-paid-api-internet-future)

- [Demystifying Domain-Driven Design (DDD) in Modern Software Architecture](https://blog.bitsrc.io/demystifying-domain-driven-design-ddd-in-modern-software-architecture-b57e27c210f7)

- [Slack System Design](https://systemdesign.one/slack-architecture)

### 👾 Tutorials

- Free course by Figma : [Introduction to design systems](https://help.figma.com/hc/en-us/articles/14552901442839-Overview-Introduction-to-design-systems)

- [<Type>Level Typescript | One Hour TypeScript Workshop](https://type-level-typescript.com/articles/one-hour-workshop)

### 🔧 Tools

- [Engineer-manager | A list of engineering leadership resource links](https://github.com/ryanburgess/engineer-manager)

- [Awesome-selfhosted | A list of Free Software network services and web applications which can be hosted on your own servers](https://github.com/awesome-selfhosted/awesome-selfhosted)

- [Hooks for Alpine.js](https://github.com/ryangjchandler/alpine-hooks)

- [VueHooks Plus | High performance & Simplicity Vue3 Hooks library](https://github.com/InhiblabCore/vue-hooks-plus)

- [ReactPy | A library for building user interfaces in Python without Javascript](https://github.com/reactive-python/reactpy)

- [algolia autocomplete | A JavaScript library that lets you quickly build autocomplete experiences](https://github.com/algolia/autocomplete)

- [bundlejs | A quick npm package size checker](https://bundlejs.com/)

- [Solid-mason | Masonry layout for SolidJS](https://github.com/lxsmnsyc/solid-mason)

### Devops

- [Pourquoi notre workflow Devops est le plus efficace et rentable que vous puissiez trouver aujourd'hui (1re partie](https://bearstech.com/societe/blog/pourquoi-mettre-en-oeuvre-un-workflow-devops/)) 🇫🇷

### 📼 Videos

- [Google Search Central | **English Google SEO office-hours from June 2023**](https://youtu.be/yZkmuLds8dw)

- [What is Platform Engineering and how it fits into DevOps and Cloud world](https://youtu.be/ghzsBm8vOms)

- [Chrome DevTools Tips Styles Pane & Elements Panel](https://youtu.be/W7GQglXn-jQ) (by CSS Weekly)

### 🎙 Podcasts, talks...

- [Syntax FM - Is JSDoc Better than TypeScript?](https://syntax.fm/show/624/is-jsdoc-better-than-typescript)

- [JS Party - Million ways to render](https://changelog.com/jsparty/279)

- [The Productivity Show - From Burnout to Breakthrough: How This Engineer Achieved Career Success](https://www.asianefficiency.com/podcasts/459-zach-white/#)

- [IFTTD #217 - Le Mandalorian du bug](https://ifttd.io/bug-bounty/) 🇫🇷

- [Le rendez-vous Tech #515 - Apple vous en met plein les yeux - Vision Pro, WWDC...](https://frenchspin.fr/2023/06/rdv-tech-516-apple-vous-en-met-plein-les-yeux/) 🇫🇷

- [Tech caf - Apple Vision Pro : une vision dsirable ?](https://techcafe.fr/apple-vision-pro-une-vision-desirable/) 🇫🇷

- [Le Panier #233 - Ekoo : Laudio le nouvel eldorado pour vendre mieux](https://lepanier.io/laudio-le-nouvel-eldorado-pour-vendre-mieux/) 🇫🇷