TF #12 - Discover the latest trends
Tags: webdev, programming, react, javascript
Published: 2023-09-03 12:33:34



🗞 Article of the week : [Use web components for what theyre good at](https://nolanlawson.com/2023/08/23/use-web-components-for-what-theyre-good-at/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

### 🎨 Frontend

- [Patterns for Reactivity with Modern Vanilla JavaScript](https://frontendmasters.com/blog/vanilla-javascript-reactivity/)

- [Picture-in-Picture for any Element, not just video](https://developer.chrome.com/docs/web-platform/document-picture-in-picture/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Cleaning up import paths in JS/TS packages](https://socket.dev/blog/we-don-t-need-more-path-aliases?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [14 Linting Rules To Help You Write Asynchronous Code in JavaScript](https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/)

- [Progressively Enhanced Form Validation, Part 2: Layering in JavaScript](https://cloudfour.com/thinks/progressively-enhanced-form-validation-part-2-layering-in-javascript/)

- [Scroll shadows with animation-timeline](https://daverupert.com/2023/08/animation-timeline-scroll-shadows/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [The ideal viewport doesnt exist](https://viewports.fyi/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [OKLCH in CSS: Consistent, accessible color palettes](https://blog.logrocket.com/oklch-css-consistent-accessible-color-palettes/)

- [A Few Interesting Ways To Use CSS Shadows For More Than Depth](https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [A Future of Themes with CSS Container Style Queries](https://chriskirknielsen.com/blog/future-themes-with-container-style-queries/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Bzier Curves - and the logic behind them](https://blog.richardekwonye.com/bezier-curves?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Tailwind, and the death of web craftsmanship](https://pdx.su/blog/2023-07-26-tailwind-and-the-death-of-craftsmanship/#user-content-fnref-inspector?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Building Adaptive User Interfaces in React Native](https://www.builder.io/blog/adaptive-ui-react-native?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Using TypeScript React](https://react.dev/learn/typescript?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [React Suspense in three different architectures](https://elanmed.dev/blog/suspense-in-different-architectures?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [On React Suspenses throttling](https://andreigatej.dev/blog/on-react-suspense-throttling/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Deep Dive: Caching and Revalidating vercel/next.js Discussion #54075 GitHub](https://github.com/vercel/next.js/discussions/54075?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

### Web performances 

- [Optimiser les images sur le web : checklist des bonnes pratiques](https://www.julienpradet.fr/tutoriels/optimiser-le-chargement-des-images/) 🇫🇷

### 📱 UX / UI

- [Adobe co-founder Dr. John Warnock has died he was 82](https://www.theverge.com/2023/8/20/23839212/adobe-co-founder-dr-john-warnock-has-died-he-was-82?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [The Psychology Behind Loom's Explosive Growth](https://growth.design/case-studies/loom-psychology)

- [Can we assess the morality of our UX?](https://uxdesign.cc/can-we-assess-the-morality-of-our-ux-82d20124497e?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [How to make next-level Figma plugins: auth, routing, storage, and more](https://evilmartians.com/chronicles/how-to-make-next-level-figma-plugins-auth-routing-storage-and-more?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Playbook for universal design Universal design methods for more inclusive solutions](https://universaldesignguide.com/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Are We Losing Color? All Logos Are Starting To Look The Same](https://www.printmag.com/design-trends/black-and-white-logo-design-trend/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

### 📇 Management & organisation

- [How to Communicate When Trust Is Low (Without Digging Yourself Into A Deeper Hole)](https://charity.wtf/2023/08/17/how-to-communicate-when-trust-is-low-without-digging-yourself-into-a-deeper-hole/)

- [Bottleneck #05: Resilience and Observability](https://martinfowler.com/articles/bottlenecks-of-scaleups/05-resilience-and-observability.html?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

### 🔋 Misc

- [Enhanced push protection features for developers and organizations - The GitHub Blog](https://github.blog/2023-08-09-enhanced-push-protection-features-for-developers-and-organizations/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Anything But Tech Debt](https://www.honeycomb.io/anything-but-tech-debt?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [What makes a strategy great](https://longform.asmartbear.com/great-strategy/)

- [Slack's Migration to a Cellular Architecture - Slack Engineering](https://slack.engineering/slacks-migration-to-a-cellular-architecture/)

- [How Games Typically Get Built](https://newsletter.pragmaticengineer.com/p/how-games-typically-get-built?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

### Tools & ressources 

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

- [TypeStat: Converts JavaScript to TypeScript and TypeScript to better TypeScript.](https://github.com/JoshuaKGoldberg/TypeStat?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

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

- [Prettymapp: 🖼 Create beautiful maps from OpenStreetMap data in a streamlit webapp](https://github.com/chrieke/prettymapp?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [Vue-hooks-plus: High performance & Simplicity 🧲 Vue 3 Hooks library](https://github.com/InhiblabCore/vue-hooks-plus)

- [UseHooks The React Hooks Library](https://usehooks.com/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

- [46 No-Code Tools You NEED to Try in 2023](https://userguiding.com/blog/no-code-tools/?utm_source=tech-foutraque&utm_campaign=12&utm_medium=email)

### 📼 Videos

- [tRPC + NextJS App Router = Simple Typesafe APIs](https://www.youtube.com/watch?v=qCLV0Iaq9zU)

- [Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color](https://www.youtube.com/watch?v=6zDb1kh52nM&t=843s)

### 🎙 Podcasts, talks...

- [Nikolay Advolodkin, Christian Bromman - CrossBrowser Testing with Sauce Labs: Vue.js Forge Episode 4 - YouTube](https://www.youtube.com/watch?v=M1k93lF52WU)

- [Syntax: Supper Club Make React 70% Faster! Million.js](https://syntax.fm/show/658/supper-club-make-react-70-faster-million-js-with-18-year-old-aiden-bai)

- [JSParty: Ten years of TypeScript bliss](https://changelog.com/jsparty/289)

💌 If you like this newsletter, don't hesitate to share it, comment and subscribe. You can follow us on Twitter too !