Frontend newsletter | Tech foutraque #7
Tags: webdev, javascript, programming, react
Published: 2023-08-01 21:27:47

🗞 Article of the week : [CommonJS is hurting JavaScript](https://deno.com/blog/commonjs-is-hurting-javascript?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

### 🎨 Frontend

- [Why Vue is a great fit for modular software architecture](https://www.netlify.com/blog/why-vue-is-a-great-fit-for-modular-software-architecture/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [A Comprehensive Guide to Data Fetching in Nuxt 3 | Michael Hoffmann](https://mokkapps.de/blog/a-comprehensive-guide-to-data-fetching-in-nuxt-3/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Twentieth year of WordPress](https://automattic.design/2023/07/05/twentieth-year-of-wordpress-designed/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [The const Deception](https://www.joshwcomeau.com/javascript/the-const-deception/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Migrating Netflix to GraphQL Safely | Netflix TechBlog](https://netflixtechblog.com/migrating-netflix-to-graphql-safely-8e1e4d4f1e72?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [New Viewport Units - Ahmad Shadeed](https://ishadeed.com/article/new-viewport-units/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [The case against self-closing tags in HTML | Jake Archibald](https://jakearchibald.com/2023/against-self-closing-tags-in-html/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images](https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [An Introduction to the View Transitions API](https://www.sitepoint.com/view-transitions-api-introduction/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Page Transitions with 0 Lines of JAVASCRIPT!](https://youtu.be/oFhHeeCw_bc?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 📼

- [Breaking Up with SVG-in-JS in 2023](https://kurtextrem.de/posts/svg-in-js?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Taiga UI: more than UI kit](https://medium.com/its-tinkoff/taiga-ui-more-than-ui-kit-8867a52a63c6?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [TypeScript Generics for People Who Gave Up on Understanding Generics](https://ts.chibicode.com/generics/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Demystifying JavaScript Operators: What Does That Symbol Mean?](https://www.sitepoint.com/javascript-operators/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Test your React hooks with Vitest efficiently](https://mayashavin.com/articles/test-react-hooks-with-vitest?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Comment et pourquoi mocker une API navigateur dans des tests unitaires ? | Julien Pradet](https://www.julienpradet.fr/tutoriels/mocker-le-navigateur-dans-ses-tests-jsdom/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

### Web performances

- [Too Much JavaScript? Why the Frontend Needs to Build Better](https://thenewstack.io/too-much-javascript-why-the-frontend-needs-to-build-better/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Why Doesn't CSS Have Scope? | Heydon Pickering](https://www.youtube.com/watch?v=6S_kXfqH-u4?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 📼

- [Style Recalculation Secrets They Don't Want You To Know | Patrick Brosset](https://www.youtube.com/watch?v=WRiOWJZoKlw?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 📼

- [In Defence of DOMContentLoaded Web Performance Optimisation | CSS Wizardry](https://csswizardry.com/2023/07/in-defence-of-domcontentloaded/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

### 📱 UX / UI

- [The state of user research 2023](https://www.userinterviews.com/state-of-user-research-2023-report?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [The UX Of Flight Searches: How We Challenged Industry Standards](https://www.smashingmagazine.com/2023/07/reimagining-flight-search-ux/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Sustainable Design Toolkits And Resources](https://www.smashingmagazine.com/2023/07/sustainable-design-toolkits-and-resources/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Good UI design isn't all magic, but a design system sure is](https://blaring.net/blog/good-ui-isnt-magic/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Designcollectors Website Redesign](https://veerle.duoh.com/design/designcollectors-website-redesign?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

### 🔋 Misc

- [The Rise of the AI Engineer - by swyx](https://www.latent.space/p/ai-engineer?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [AI and the automation of work](https://www.ben-evans.com/benedictevans/2023/7/2/working-with-ai?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Google Analytics 4 has replaced Universal Analytics](https://support.google.com/analytics/answer/11583528?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [How to build a website without frameworks and tons of libraries](https://www.kodingkitty.com/blog/how-to-build-a-website/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [The hardest part of building software is not coding, it's requirements - Stack Overflow Blog](https://stackoverflow.blog/2023/06/26/the-hardest-part-of-building-software-is-not-coding-its-requirements/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Risk-storming](https://riskstorming.com/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Building personal and organizational prestige](https://lethain.com/building-prestige/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Load Balancing: The Intuition Behind the Power of Two Random Choices | by Mihir Sathe](https://medium.com/@mihsathe/load-balancing-the-intuition-behind-the-power-of-two-random-choices-6de2e139ac2f?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Is ORM still an 'anti pattern'?](https://github.com/getlago/lago/wiki/Is-ORM-still-an-%27anti-pattern%27%3F?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

### 👾 Tutorials

- [Learn Supabase (Firebase Alternative)](https://www.youtube.com/watch?v=dU7GwCOgvNY?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) Beginners

- [Authentifier avec des cookie sur React | Grafikart](https://grafikart.fr/tutoriels/react-auth-cookie-2151?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

### 🔧 Tools & ressources

- [The Amazon Builders' Library | How Amazon builds and operates software](https://aws.amazon.com/builders-library/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Next-enterprise:](https://github.com/Blazity/next-enterprise?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 💼 An enterprise-grade Next.js boilerplate for high-performance, maintainable apps.

- [Create Next Stack](https://www.create-next-stack.com/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email): The ultimate starter kit for Next.js

- [Typeid:](https://github.com/jetpack-io/typeid?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) Type-safe, K-sortable, globally unique identifier inspired by Stripe IDs

- [Typescript-book:](https://github.com/gibbok/typescript-book?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) A Concise Guide to Effective Development in TypeScript.

- [Figma Cheat Sheet & Quick Reference](https://quickref.me/figma.html?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Background-removal-js:](https://github.com/imgly/background-removal-js?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) Remove backgrounds from images directly in the browser

- [Mosaic:](https://uwdata.github.io/mosaic/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) Scalable, interactive data visualization

- [Capo.js:](https://rviscomi.github.io/capo.js/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) Get your <head> in order

- [CSS Transform Handbook Complete Guide to CSS Transform Functions and Properties](https://www.freecodecamp.org/news/complete-guide-to-css-transform-functions-and-properties/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [nuxtlabs/ui: Fully styled and customizable components for Nuxt.](https://github.com/nuxtlabs/ui?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Rewind-UI:](https://rewind-ui.dev/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) A fully customizable React-TailwindCSS component library

- [Concurrent.js:](https://github.com/bitair-org/concurrent.js?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) Non-blocking Concurrent Computation for JavaScript RTEs (Web Browsers, Node.js & Deno)

### 📼 Videos

- [Tailwind Connect 2023 Keynote](https://youtu.be/CLkxRnRQtDE?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [High-speed DDD (Thomas Pierrain)](https://youtu.be/tAGG4-UtfGw?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) | Voxxed Days Luxembourg 🇫🇷

- [Event Tech & Product Talk CityScoot Part.2](https://www.youtube.com/watch?v=dukveSu4l2E?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

- [De la premire ligne de code au succs : REX dun projet open source (Flavien Normand)](https://www.youtube.com/watch?v=JT9bMsBUIlM?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

### 🎙 Podcasts, talks...

- [JS Party | The massive bug at the heart of npm](https://changelog.com/jsparty/282?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Syntax FM | What are Headless Components?](https://syntax.fm/show/636/what-are-headless-components?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [The Productivity Show | Master Your Day: The Power of Daily Planning](https://www.asianefficiency.com/podcasts/463w-daily-planning/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [Developer tea | Career Growth Starts With Improving Your Clarity](https://developertea.com/episodes/ae130e5f-239a-450c-9505-9d34cebaad2b?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [JavaScript Jabber | Million.js with Aiden Bai and Tobiloba Adedeji](https://redcircle.com/shows/javascript-jabber/ep/4caae6ab-a49a-49c6-8cf2-5dba521c7bff?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email)

- [135 grammes | Conversation avec Adrien Touati, co-fondateur manager.one](https://www.servicesmobiles.fr/conversation-avec-adrien-touati-co-fondateur-manager-one-88182?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

- [Tech caf | Non-essentiels mais dlectables](https://techcafe.fr/non-essentiels-mais-delectables/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

- [Radio Contournement : le podcast no-code | Sarah Esteve, fdrer la communaut Bubble dans une maison en Espagne](https://radio.contournement.io/episode/110-sarah-esteve-federer-la-communaute-bubble-dans-une-maison-en-espagne?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

- [IFTTD #221 | HUGUES POIGET Avoir le compas dans la camra](https://ifttd.io/detection-visuelle/?utm_source=tech-foutraque&utm_campaign=7&utm_medium=email) 🇫🇷

💌 If you like this newsletter, don't hesitate to share it.