TF #22 | Your weekly frontend digest
Tags: webdev, javascript, programming, react
Published: 2023-11-06 08:52:15

🎉🎉🎉 We've just passed the 300 follower mark and I'd like to thank you so much for this small achievement, which is a great source of motivation for me!
We'll continue to bring you quality content every week, so don't hesitate to comment, share or like! 😍

---

🗞 **Article of the week :** Big fight in the SEO community. The article of discord: [Did SEO experts ruin the internet or did Google?](https://www.theverge.com/features/23931789/seo-search-engine-optimization-experts-google-results?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email) and some responses to the article like here: "[No, SEOs & Google Didn't Ruin The Internet & Nor Is The Internet Ruined](https://www.seroundtable.com/seos-google-didnt-ruin-the-internet-36314.html)" or here: "[Bitter, cynical Verge article blames SEOs for ruining the internet](https://searchengineland.com/critical-cynical-verge-article-blames-seos-for-ruining-the-internet-434059)"

---

### Frontend 🎨

- [Complex MPA View Transitions](https://tylergaw.com/blog/complex-mpa-view-transitions/)

- [Ship Faster by Building Design Systems Slower](https://bigmedium.com/ideas/design-system-pace-layers-slow-fast.html?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [2023: 0 of the Global Top 100 Websites Use Valid HTML Jens Oliver Meiert](https://meiert.com/en/blog/html-conformance-2023/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

CSS

- [CSS prefers-reduced-transparency - Chrome for Developers](https://developer.chrome.com/blog/css-prefers-reduced-transparency/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Speeding up the JavaScript ecosystem - Tailwind CSS](https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-8/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

Javascript

- [JavaScript Decorators: What They Are and When to Use Them](https://www.sitepoint.com/javascript-decorators-what-they-are/)

- [Test Assertion Styles in JavaScript](https://blog.izs.me/2023/09/software-testing-assertion-styles/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Introducing Dependency Divergence GitHub Action - Socket](https://socket.dev/blog/dependency-divergence?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

React.js

- [The complete guide to WebSockets with React](https://ably.com/blog/websockets-react-tutorial?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [An Intro to Building Game UIs with React](https://www.adammadojemu.com/blog/intro-to-building-game-uis-with-react?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Can Next.js Handle 5000 Pages?](https://dev.to/codebeast/can-nextjs-handle-5000-pages-1ejn?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Client-Side-Servering: My Perspective on Next.js Server Actions](https://shamun.dev/posts/client-side-servering?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

Angular

- [Angular/NgRx 16 Simplify Your Code with createActionGroup](https://blog.stackademic.com/angular-ngrx-16-simplify-your-code-with-createactiongroup-67febcca23ec?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

Vue.js

- [Nuxt Layers Unwrapped](https://krutiepatel.com/blog/nuxt-layers-unwrapped/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

### Web performances ⚡

- [Optimizing Performance: How Our Extension Became Lightning Fast](https://cascaspace.substack.com/p/optimizing-performance-how-our-extension?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [How to Improve TTFB on Cloudflare with Speculation Rules](https://www.cdnplanet.com/blog/how-improve-ttfb-on-cloudflare-with-speculation-rules/)

- [Liquid vs headless: A look at real user web performance Performance @ Shopify](https://performance.shopify.com/blogs/blog/liquid-vs-headless-a-look-at-real-user-web-performance?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Learn Performance | web.dev](https://web.dev/learn/performance?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email) A good introduction if you're new to the subject of web performance

- [Don't Let Visitors Know Your Origin Server Exists](https://macarthur.me/posts/hidden-origin?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

### UX / UI 📱

- [AI as a UX Assistant](https://www.nngroup.com/articles/ai-roles-ux/)

- [Fix Color Contrast Web Accessibility for Text & UI Design](https://pimpmytype.com/color-contrast/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Design Tips to Convert More Customers](https://www.youtube.com/watch?v=tJTxDqjO4vg&ab_channel=YCombinator)

- [The design managers toolkit](https://uxdesign.cc/design-managers-toolkit-ebd88688a2ff?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [How Figma and Adobe think they could work together](https://www.theverge.com/2023/10/26/23933425/adobe-figma-acquisition-integration-ai-video?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [How Netlify rebranded their app in just 6 weeks](https://storybook.js.org/blog/netlify-rebrand-storybook-chromatic/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email) - Interesting but lacking in detail

### Work, productivity 📇

- [Organize Your Week as an Engineering Manager](https://hybridhacker.email/p/your-week-as-an-engineering-manager?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Hire Better Managers: 35 Interview Questions for Assessing a Candidate](https://review.firstround.com/interview-questions-for-management-position?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Improve planning and ideation with divergent thinking](https://leaddev.com/process/improve-planning-and-ideation-divergent-thinking?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Becoming a force multiplier by influencing without seniority](https://leaddev.com/personal-development/becoming-force-multiplier-influencing-without-seniority?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Developing leadership styles](https://lethain.com/developing-leadership-styles/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Is Your Team Overworking But Underperforming?](https://hbr.org/2023/10/is-your-team-overworking-but-underperforming?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

### Misc 🗂️

- [Data engineering at Meta: High-Level Overview of the internal tech stack](https://medium.com/@AnalyticsAtMeta/data-engineering-at-meta-high-level-overview-of-the-internal-tech-stack-a200460a44fe?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Switching Build Systems, Seamlessly - Spotify Engineering](https://engineering.atspotify.com/2023/10/switching-build-systems-seamlessly/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [I Accidentally Saved Half A Million Dollars](https://ludic.mataroa.blog/blog/i-accidentally-saved-half-a-million-dollars/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [My muscle-memory `git` toolbox Arthur O'Dwyer](https://quuxplusone.github.io/blog/2023/10/30/git-toolbox/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [The five principles of modern developer tools](https://knock.app/blog/the-five-principles-of-modern-developer-tools?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

### Tools & ressources 🔧

- [Pokémon Cards CSS Holographic Effect](https://poke-holo.simey.me/) It's too beautiful, I'm speechless

- [Val Town](https://www.val.town/) Val Town is a social website to write and deploy TypeScript. Build APIs and schedule functions from your browser.

- [CSS Selectors: A Visual Guide & Reference](https://fffuel.co/css-selectors/?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email)

- [Free Stock Video Footage Without Watermark](https://free-stock.video/)

- [Shots](https://shots.so/) - Create Amazing Mockups

- [Nightwind](https://nightwindcss.com/#0?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email) An automatic, customisable, overridable Tailwind dark mode plugin

- [usebruno](https://github.com/usebruno/bruno) lightweight alternative to postman/insomnia

- [tsparticles](https://github.com/tsparticles/tsparticles?utm_source=tech-foutraque&utm_campaign=22&utm_medium=email) Easily create highly customizable JavaScript particles effects

- [Jless](https://jless.io/) - a command-line JSON viewer

### Videos 📼

Here are the videos of all the Next.js conf presentations available on youtube.

- [Next.js Conf 2023 Introducing Next.js 14](https://www.youtube.com/playlist?list=PLBnKlKpPeagl57K9bCw_IXShWQXePnXjY)

### Podcasts, talks... 🎙️

💡 Find our list of the best English and French podcasts [here](https://tinyurl.com/2s4738fb)

- [The Productivity Apps & Tools of Thanh Pham (TPS480)](https://www.asianefficiency.com/podcasts/480-thanh-productivity-toolbox/)

- [Syntax - Ex-npm Employee Making a New Package Manager?! Vlt with Darcy Clarke](https://syntax.fm/show/688/ex-npm-employee-making-a-new-package-manager-vlt-with-darcy-clarke)

- [JavaScript Jabber - JSJ 605 | TypeScript, ESLint, and TypeScript ESLint with Josh Goldberg](https://redcircle.com/shows/javascript-jabber/ep/e85fbefd-3e09-49af-9223-18a1131982ea)

- [ShopTalk 589: CSS Functions, Read It Later, Making Money in Business, and More](https://shoptalkshow.com/589/)

- [Whiskey Web and Whatnot - Episode 115](https://whiskeywebandwhatnot.fm/tech-talk-social-media-use-and-netflix-with-the-primeagen) - Tech Talk, Social Media Use, and Netflix with The Primeagen

The French corner 🇫🇷

- [135 Grammes - Les histoires de la tech mobile](https://open.spotify.com/episode/4VdgpCABLc4HFmT6o43Zw5) - Conversation avec Christophe Dolique, CEO de Lyf

- [Radio Contournement #116](https://radio.contournement.io/episode/116-tristan-labbe-lavenement-de-lia-chez-glide) : Tristan L'Abb, l'avènement de l'IA chez Glide

- [IFTTD #243](https://www.ifttd.io/episodes/scalabilite) - Scalabilité : Petit petit, devenir grand avec Guillaume Vibert

💌 If you like this newsletter, don't hesitate to share it. We are also on [Twitter/X](https://twitter.com/tech_foutraque) and [BlueSky](https://bsky.app/profile/tech-foutraque.bsky.social), come and say Hello! We share content throughout the week in advance.