TF #33 | Your weekly frontend digest
Tags: webdev, javascript, programming, react
Published: 2024-02-05 08:40:38

🗞 Article of the week : [The web just gets better with Interop 2024 | WebKit](https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) and [Interop 2024 | web.dev](https://web.dev/blog/interop-2024?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) or how browsers, as part of Interop 2024, are collaborating in specific areas like CSS nesting, text-wrap: balance, HTTP(S) URL for WebSocket, and relative color syntax, emphasizing the goal of compliance with web standards.

---

I've placed the articles on productivity and miscellaneous at the end of the articles. Some people weren't fans, so I rearranged the order of priority. Let me know if you like it!

---

### Frontend 🎨

- [The Latest vs. The Greatest | Frontend at Scale](https://frontendatscale.com/issues/14/)
    
    ![](https://frontendatscale.com/issue-og-image-14.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Import attributes · V8](https://v8.dev/features/import-attributes?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Event Loop. Myths and reality — Teletype](https://blog.frontend-almanac.com/event-loop-myths-and-reality?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [A Call for Consensus on HTML Semantics | Stephanie Eckles](https://thinkdobecreate.com/articles/a-call-for-consensus-on-html-semantics/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Inside .git](https://jvns.ca/blog/2024/01/26/inside-git/)
    

CSS

- [Going beyond pixels and (r)ems in CSS - Relative length units based on font](https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-font?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [My first impressions of Panda CSS • Buttondown](https://newsletter.baptiste.devessier.fr/archive/my-first-impressions-of-panda-css/)
    
- [Big, beautiful, beefy focus states with :focus-visible](https://daverupert.com/2024/01/focus-visible-love/)
    
- [Experimental CSS-Only Carousels with Scroll-Driven Animations | Codrops](https://tympanus.net/codrops/2024/01/24/experimental-css-only-carousels-with-scroll-driven-animations/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Using shared data when generating pages - Daniel Roe](https://roe.dev/blog/shared-data-nuxt-generate?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Field-sizing just works! | Polypane](https://polypane.app/blog/field-sizing-just-works/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

Angular

- [Creating and styling components in Angular | Stackademic](https://blog.stackademic.com/creating-and-styling-components-in-angular-correctly-52c93b062759?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Angular Query Core Concepts - Tomasz Ducin - blog](https://ducin.dev/angular-query-core-concepts#twitter?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

VueJS

- [Lazy Hydration and Server Components in Nuxt - Vue.js 3 Performance - Vue School Articles](https://vueschool.io/articles/vuejs-tutorials/lazy-hydration-and-server-components-in-nuxt-vue-js-3-performance/)
    
    ![](https://blog.vueschool.io/wp-content/uploads/2024/01/VS_Articles_Lazy-Hydration-and-Server-Components-in-Nuxt-Vue.js-3-Performance1.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [How to create Nuxt Studio like environment for VitePress](https://jd-solanki.github.io/blog/how-to-create-nuxt-studio-like-environment-for-vitepress?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Vue Tip: Custom Component Directives | JavaScript in Plain English](https://javascript.plainenglish.io/vue-tip-custom-component-directives-18724194cf57?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [The Building Blocks of a Greenfield Vue Application in 2024](https://fadamakis.com/the-building-blocks-of-a-greenfield-vue-application-in-2024-9a85430fad2a?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [A Conceptual Model of State in Vue 3.4](https://itnext.io/a-conceptual-model-of-state-in-vue-3-4-9390c8e68aa5?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://miro.medium.com/v2/resize:fit:700/0*CcoEPZSzp1MIIduA.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

WebComponent

- [The Web Component Success Story | jakelazaroff.com](https://jakelazaroff.com/words/the-web-component-success-story/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

Javascript/Typescript

- [How TypeScript can help in modelling business workflows - Event-Driven.io](https://event-driven.io/en/how_to_have_fun_with_typescript_and_workflow/)
    
    ![](https://event-driven.io/static/19588ef9936c3cd565b75a60849c06fb/2a4de/2024-01-28-cover.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [How To Use forwardRef With Generic Components | Total TypeScript](https://www.totaltypescript.com/forwardref-with-generic-components?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Explicit Resource Management: Exploring JavaScript's and TypeScript's new feature | iliazeus](https://iliazeus.github.io/articles/js-explicit-resource-management-en/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Type TODO | Kyle Shevlin](https://kyleshevlin.com/type-todo/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) Sometimes `any` is ok
    
- [Deferred JavaScript promises using Promise.withResolvers | pawelgrzybek.com](https://pawelgrzybek.com/deferred-javascript-promises-using-promise-withresolvers/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

React

- [How to Add an AI-Powered WYSIWYG Editor in React & Astro with Novel](https://spacejelly.dev/posts/how-to-add-an-ai-powered-wysiwyg-editor-in-react-astro-with-novel?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://res.cloudinary.com/colbycloud-spacejellydev/image/upload/c_fill,w_2400,h_1200,g_center/l_text:Source%20Sans%20Pro_160_bold_line_spacing_-40:AI-Powered%20WYSIWYG%20Editor%20in%20React%20&%20Astro%20with%20Novel,w_1400,c_fit,co_white/fl_layer_apply,fl_no_overflow,x_100,y_100,g_north_west/f_auto/q_auto/v1/assets/spacejellydev-og-post-v2-2?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Shining a light on Caustics with Shaders and React Three Fiber - Maxime Heckel's Blog](https://blog.maximeheckel.com/posts/caustics-in-webgl/)
    
- [Detailed React. Reconciliation, Renderers, Fiber, Virtual Tree — Teletype](https://blog.frontend-almanac.com/JqtGelofzm1?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Avoid using React's `useFormStatus`](https://allanlasser.com/posts/2024-01-26-avoid-using-reacts-useformstatus?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Next.js App Router migration: the good, bad, and ugly](https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://www.datocms-assets.com/98758/1706549479-main-v2-1.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

### Web performances⚡

- [How is Figma so performant?](https://tigerabrodi.blog/how-is-figma-so-performant?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Squeezing Last Bit Of JavaScript Performance For My Automation Game](https://ruoyusun.com/2024/01/23/cividle-optimization.html?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Debugging speculative navigations for faster page loads #DevToolsTips](https://www.youtube.com/watch?v=BIpz9Hdjm_A&ab_channel=ChromeforDevelopers)
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1707042200144/43c1cd66-4a7d-49d8-b1f7-f87756d70e54.png)
    
- [LCP & FCP for Single Page Applications on Soft Navigations](https://tamethebots.com/blog-n-bits/lcp-fcp-soft-navigations?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Experimenting with measuring soft navigations  |  Chrome for Developers](https://developer.chrome.com/docs/web-platform/soft-navigations-experiment?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

### UX / UI📱

- [In Loving Memory of Square Checkbox | tonsky.me](https://tonsky.me/blog/checkbox/) The article is good, the site is cool and dark mode is great
    
- [Reality Check #3: Building out a layered hero grid layout from Dribbble - Piccalilli](https://piccalil.li/blog/reality-check-3-building-out-a-layered-hero-grid-layout-from-dribbble/)
    
    ![](https://piccalil.li/images/reality-check/original-23322c8f3d4294cfe9dc36f0df600155.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [The Feature Trap: Why Feature Centricity Is Harming Your Product — Smashing Magazine](https://www.smashingmagazine.com/2024/01/feature-centricity-harming-product/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Using AI for 3D rendering—a practical guide for designers | UX Collective](https://uxdesign.cc/using-ai-for-3d-rendering-a-practical-guide-for-designers-a2a037ed1ad0?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [UX Migration Strategy for Legacy Applications](https://blog.scottlogic.com/2021/07/16/UX-Migration-Strategy.html?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://blog.scottlogic.com/tmakarem/assets/3.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Designing with legacy. Designing new products is easy… | by Peter Zalman](https://medium.com/enterprise-ux/designing-with-legacy-d0e4bef0d9ea?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://miro.medium.com/v2/resize:fit:780/1*mknKsm8rVWTTrzjInBe33w@2x.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)


### Tools & resources 🔧

- [Fastpedia](https://fastpedia.io/) Already mentioned, but just a reminder. If you're looking for an AI tool, this site can find it for you
    
- [Type safe Server Actions in your Next.js (App Router)](https://next-safe-action.dev/)
    
    ![](https://next-safe-action.dev/img/social-card.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [React-quiz-component: :orange\_book: React Quiz Component](https://github.com/wingkwong/react-quiz-component?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://opengraph.githubassets.com/da662a38d864c278e67eeb51dffdaca747edb5d918de59983c3202d0162d1d77/wingkwong/react-quiz-component?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Husky · GitHub](https://github.com/typicode/husky/releases/tag/v9.0.1?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://opengraph.githubassets.com/3ff874e7eb1b924fd74bf5bb4cfa898b3d71a900ec9ef02f40a0b6edcdc6a485/typicode/husky/releases/tag/v9.0.1?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [chroma.js api docs!](https://www.vis4.net/chromajs/)
    
- [Tiny-rdm: A Modern Redis GUI Client](https://github.com/tiny-craft/tiny-rdm?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://opengraph.githubassets.com/e06233cfcee5f9d68e9c771ac8ba236bf71d8b841aa7147be5343968245e27d0/tiny-craft/tiny-rdm?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)


### Tutorials 💻

- [GitHub Foundations Certification Course – Pass the exam in 10 hours!](https://www.youtube.com/watch?v=Jdc0i7RcBv8&ab_channel=freeCodeCamp.org)
    
- [Lear](https://twitter.com/ark_ui_)[n how to use Media queries &](https://www.youtube.com/watch?v=2rlWBZ17Wes&t=1s&ab_channel=KevinPowell)[Container](https://twitter.com/panda__css)[qu](https://www.youtube.com/watch?v=2rlWBZ17Wes&t=1s&ab_channel=KevinPowell)[eries](https://twitter.com/panda__css)
    
- [Styling Ark UI Tabs with Slot Recipes](https://www.youtube.com/watch?v=zjo-77I0unk&ab_channel=ChakraUI) Made a video on how to style
    
    Ark UI tabs component using Slot Recipes in panda CSS
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1707041252308/8c0eb02a-059a-4f9b-9d0b-32230d086ab5.png)
    
- [Build a dApp Using Waku (Decentralized Communication) and Vue.js](https://blog.wolzcodelife.com/build-a-dapp-using-waku-decentralized-communication-and-vuejs?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Easily Deploy Full Stack Node.js Apps on AWS EC2 | Step-by-Step Tutorial](https://www.youtube.com/watch?v=nQdyiK7-VlQ&ab_channel=SamMeech-Ward)
    
- [Modern JavaScript library starter - Advanced Web Machinery](https://advancedweb.hu/modern-javascript-library-starter/)
    
- [Test Web Bluetooth with Puppeteer  |  Chrome for Developers](https://developer.chrome.com/blog/test-web-bluetooth-with-puppeteer?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Getting up to Speed with Eleventy: Config and Collections - The New Stack](https://thenewstack.io/getting-up-to-speed-with-eleventy-config-and-collections/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Use TSX for your t](https://adonisjs.com/blog/use-tsx-for-your-template-engine?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)[e](https://twitter.com/panda__css)[mplate e](https://twitter.com/ark_ui_)[ngine](https://twitter.com/panda__css)
    
- (FR) [Cr](https://twitter.com/panda__css)[éer des champs avec CarbonFields — Formation Créer un thème WordPress | Grafikart](https://grafikart.fr/tutoriels/wordpress-carbonfields-2177?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://grafikart.fr/uploads/attachments/2024/carbonfields-thumb-65b3f3c2dda43294538888.jpg?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)


### Videos 📼

- [I promise this story about fonts is interesting](https://www.youtube.com/watch?v=WVfRxFwVHQc&ab_channel=struthless)
    
- [Building multiple Progressive Web Apps on the same domain](https://www.youtube.com/watch?v=ZpmwJe-z5EA&ab_channel=ChromeforDevelopers)
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1707042169004/022a3041-73e6-4858-ae24-e67b1ab2bd04.png)
    

Angular

- [Angular Best Practices, Sam Vloeberghs](https://www.youtube.com/watch?v=eQNoLUUA86E&ab_channel=ManfredSteyer)
    
- [The state of change detection in v17, Matthieu Riegler](https://www.youtube.com/watch?v=Jf67ERGwFEM&ab_channel=ManfredSteyer)
    
- [Deferrable Views - New Feature in Angular 17](https://www.youtube.com/watch?v=FCcD8CEGty0&t=2s&ab_channel=DecodedFrontend)
    
- [NgRx SignalStore: In-Depth Look at Signal-Based State Management in Angular by Marko Stanimirović](https://www.youtube.com/watch?v=yaOLbKwVRtc&ab_channel=ManfredSteyer)
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1707042308479/f62fc0f6-3163-476f-b0dd-7d3357c83f4d.png)
    

React

- [You might not need useState()!](https://www.youtube.com/watch?v=hnmTiXEY4X8&ab_channel=Academind)
    
- [Next.js Explained: Partial Prerendering (What? Why? How?)](https://www.youtube.com/watch?app=desktop&v=MTcPrTIBkpA&ab_channel=Delba)
    

Vue

- [Why you should use useState()](https://www.youtube.com/watch?v=mv0WcBABcIk&ab_channel=AlexanderLichter)
    

The French corner

- [Différences entre animations web et animations mobiles (React Native)](https://www.youtube.com/watch?v=49bg43kP5hw&ab_channel=BenjaminCode)
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1707041205823/0801d9d3-5c94-4706-aab4-8927bbc5543c.png)
    
- [Le CTO à 2€](https://www.youtube.com/watch?v=m8iY5Udl_zs&t=1197s&ab_channel=ParisRB)


### Podcasts, talks...🎙️

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

- [Safari is the new Chrome - Jen Simmons of Apple - Syntax #725](https://syntax.fm/show/725/safari-is-the-new-chrome-jen-simmons-of-apple?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://syntax.fm/og/725.jpg?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Svelte 5: Speed, Simplicity & Size - Syntax #723](https://syntax.fm/show/723/svelte-5-speed-simplicity-and-size?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [SJ 618 - JavaScript Jabber](https://redcircle.com/shows/javascript-jabber/ep/40ef13b9-94db-496c-8392-b1b884fbac4e?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) - Exploring AI Impact on Code Generation and Quality Metrics
    
- [(JS Party #310) |&gt; Changelog](https://changelog.com/jsparty/310?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) - Angular Signals with Pavel Kozlowski & Alex Rickabaugh
    
- [600: Where Will The Web Be 12 Years from Now? – ShopTalk](https://shoptalkshow.com/600/)
    
- [Whiskey Web and Whatnot - Episode 128](https://whiskeywebandwhatnot.fm/the-missteps-of-graphql-and-the-promise-of-progressive-enhancement?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) - The Missteps of GraphQL and the Promise of Progressive Enhancement
    
- [Developer Tea - Apply Little's Law To What You Can Control](https://developertea.com/episodes/872c6410-ae65-4898-ae86-605af8205b6f?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Code & Curiosity Podcast](https://maximilian-schwarzmueller.com/podcast/) A Podcast by Maximilian Schwarzmüller. I learn a lot of things with this guy!
    
- [2024 Productivity Trends You Need to Know About (TPS493) - Asian Efficiency](https://www.asianefficiency.com/podcasts/493-2024-productivity-trends/)
    

The French corner

- [Bilan 2023, perspectives 2024 | Clever Cloud](https://www.clever-cloud.com/podcast/bilan-2023-perspectives-2024/)
    
    ![](https://cdn.clever-cloud.com/uploads/2024/01/101.jpg?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Podcast · Tech.Rocks - #S06EP01](https://www.tech.rocks/podcasts/5779f7b1-57bf-ee11-bea2-000d3aaa8069/special-speakers-tech-rocks-summit-2023-amanda-brock-openuk-et-philippe-ensarguet-orange--s06ep01?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) Spécial speakers [Tech.Rocks](http://Tech.Rocks?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email) Summit 2023 - Amanda Brock (OpenUK) et Philippe Ensarguet (Orange)
    
- [IFTTD #257 - Kubernetes : Passer d'un déploiement FTP à Kubernetes avec David Coutelle](https://www.ifttd.io/episodes/kubernetes?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Android en coulisse : l'histoire d'un OS open source - 135 Grammes - Les histoires de la tech mobile](https://open.spotify.com/episode/77wLAbJZyV99aboNxNum3f?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)


### Work / Productivity 📇

> 🤩 If you find this newsletter useful and satisfying, please support us by [**subscribing**](https://techfoutraque.hashnode.dev/newsletter) and sharing it with others! Thank you.

- [Habits of great software engineers](https://www.youtube.com/watch?v=gQutb1k6UEE&ab_channel=JustAnotherCTO)
    
- [Jade Rubick - Velocity role 1 - the Subtractionist](https://www.rubick.com/velocity-role-subtractionist/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Keep a brag list of the wins you achieved, thank me later](https://newsletter.eng-leadership.com/p/keep-a-brag-list-of-the-wins-you?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [The art of good code review](https://philbooth.me/blog/the-art-of-good-code-review?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [My Diverse Hiring Playbook - Jacob Kaplan-Moss](https://jacobian.org/2024/jan/4/diverse-hiring-playbook/)
    
    ![](https://jacobian.org/cards/diverse-hiring-playbook.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Manage like an engineer | Ben Balter](https://ben.balter.com/2023/01/10/manage-like-an-engineer/)
    
- [5 lessons design systems teams can learn from open-source maintainers](https://blog.stackblitz.com/posts/design-systems/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1707042084871/54599673-113a-4e19-87c5-62193b47eb8d.png)
    
- [We ran an experiment to see how easy it is to cheat with ChatGPT in interviews](https://interviewing.io/blog/how-hard-is-it-to-cheat-with-chatgpt-in-technical-interviews?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://strapi-iio.s3.us-west-2.amazonaws.com/Pass_rate_by_question_type_when_trying_to_cheat_with_Chat_GPT_c20c87712e.png?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Becoming an Engineering Manager - Is It For You?](https://zaidesanton.substack.com/p/becoming-an-engineering-manager-is?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Useful tradeoffs are multi-dimensional. | Irrational Exuberance](https://lethain.com/multi-dimensional-tradeoffs/)
    
- [I am a creative.](https://alistapart.com/article/i-am-a-creative/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Letterboxd: How to nail product market fit with clear Jobs‑To‑Be‑Done](https://growth.design/case-studies/letterboxd-jobs-to-be-done?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1707042277576/abfc88db-2d23-44f7-aaa0-93f76b819297.png)
    
- [“A ’Definition of Done’ Template,” an article by Dan Mall](https://danmall.com/posts/a-definition-of-done-template/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Play at work | daverupert.com](https://daverupert.com/2024/01/play-at-work/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    

### Misc🔋

- [Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple](https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Apple Vision Pro review: magic, until it’s not - The Verge](https://www.theverge.com/24054862/apple-vision-pro-review-vr-ar-headset-features-price?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
    ![](https://cdn.vox-cdn.com/thumbor/uCgzK17G5rY_qJnFUAHN7-SQRsY=/0x0:2700x1800/1200x628/filters:focal(1350x900:1351x901)/cdn.vox-cdn.com/uploads/chorus_asset/file/25255994/246965_vision_pro_AKrales_0235.jpg)
    
- [Brains Are Not Required When It Comes to Thinking and Solving Problems--Simple Cells Can Do It | Scientific American](https://www.scientificamerican.com/article/brains-are-not-required-when-it-comes-to-thinking-and-solving-problems-simple-cells-can-do-it/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What To Build](https://www.fishmanafnewsletter.com/p/balancing-engineering-cultures-debate-vs-do?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [The most important goal in designing software is understandability](https://ntietz.com/blog/the-most-important-goal-in-designing-software-is-understandability/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Small Joys when Programming - by Diego Crespo](https://www.deusinmachina.net/p/small-joys-when-programming?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [Why lowercase letters save data | endtimes.dev](https://endtimes.dev/why-lowercase-letters-save-data/?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [The Hacker News Top 40 books of 2023 -](https://hnreads.com/post/top40_2023/)
    
- [Talking to Customers Isn’t Enough | Angular](https://medium.com/angularventures/talking-to-customers-isnt-enough-9ce6e6182a7e?utm_source=tech-foutraque&utm_campaign=33&utm_medium=email)
    
- [ArVid: how Russians squeezed 4 hard drives into one VHS tape in the 90s – Jacob Filipp](https://jacobfilipp.com/arvid-vhs/)


---

💌 If you like this newsletter, don't hesitate to subscribe, to share it and support us! 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. Thank you.