The Frontend newsletter #14 - Discover the latest trends
Tags: frontend, webdev, javascript, programming
Published: 2023-09-11 19:45:19

🗞 Article of the week : [Why Rust is the most admired language among developers - The GitHub Blog](https://github.blog/2023-08-30-why-rust-is-the-most-admired-language-among-developers/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

Lots of new releases, starting with [Bun 1.0](https://bun.sh/blog/bun-v1.0?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email) finally in stable release and especially [Astro 3.0](https://astro.build/blog/astro-3/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email), with which we've seen a lot of articles on the view transitions API.

### 🎨 Frontend

- [Astro View Transitions - Chrome Developers](https://developer.chrome.com/blog/astro-view-transitions/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [What is the View Transitions API and how to use it with meta frameworks](https://bejamas.io/blog/what-is-view-transitions-api/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Challenging Established Norms: Making Component Fetching the Exception](https://jjenzz.com/making-component-fetching-the-exception/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Best Practices Working with JSON in JavaScript: A Deep Dive](https://javascript.plainenglish.io/best-practices-working-with-json-in-javascript-a-deep-dive-63d7d2b5bf09?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [How to Write a Secure JWT Library If You Absolutely Must Semantically Secure](https://scottarc.blog/2023/09/06/how-to-write-a-secure-jwt-library-if-you-absolutely-must/)

- [Browser Video Players Review Adrian Roselli](https://adrianroselli.com/2023/09/browser-video-players-review.html?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Chris Corner: Web Components Dont Need You](https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/)

- [WOFF Has Left the Building Matthias Ott User Experience Designer](https://matthiasott.com/notes/woff-has-left-the-building?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Chakra, Panda and Ark - What's the plan? - Segun Adebayo](https://www.adebayosegun.com/blog/chakra-panda-ark-whats-the-plan?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [How layout position impacts three big web performance levers Performance @ Shopify](https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Why Does Email Development Have to Suck?](https://dodov.dev/blog/why-does-email-development-have-to-suck?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [DOM, DI and View: the trees of Angular](https://medium.com/its-tinkoff/dom-di-and-view-the-trees-of-angular-2ef959e7fafd?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [The Anatomy of a Vue 3 Component](https://fadamakis.com/the-anatomy-of-a-vue-3-component-285eadadea89?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Vue.js Memory Leak Identification And Solution.](https://blog.jobins.jp/vuejs-memory-leak-identification-and-solution?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Making Sense of React Server Components](https://www.joshwcomeau.com/react/server-components/)

- [Should I Use Server Actions Or APIs? | Pro NextJS](https://www.pronextjs.dev/should-i-use-server-actions-or-apis?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [A Wide View of Automated Testing in React Apps - React Handbook](https://reacthandbook.dev/automated-testing?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

### 📱 UX / UI

- [UX Case Study: Turning a 100-Year-Old Bank into a Digital Innovator](https://medium.muz.li/ux-case-study-turning-a-100-year-old-bank-into-a-digital-innovator-5680a587e689?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Always Show the Number of User Ratings in List Items (5% Dont)](https://baymard.com/blog/user-perception-of-product-ratings?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Case Study: Magma Math. Web Design for Educational Platform](https://blog.tubikstudio.com/web-design-educational-platform/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Browse websites by fonts](https://maxibestof.one/typefaces?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [The new Google Fonts: find what youre looking for - Material Design](https://material.io/blog/2023-google-fonts-redesign?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Information Architecture vs. Sitemaps: Whats the Difference?](https://www.nngroup.com/articles/information-architecture-sitemaps/)

- [Im a fake brand, in a fake world: The secrets behind designing a great fictional brand for TV and film](https://www.itsnicethat.com/features/fictional-brands-thematic-graphic-design-film-060923?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Transitions Material Design 3](https://m3.material.io/styles/motion/transitions/applying-transitions?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [UX Research Templates](https://www.notion.so/UX-Research-Templates-079c8453fb0d40039b7b7597dccb340f?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email) a notion hub with templates for almost everything!

### 📇 Management, organisation

- [Managing the chaos of context switching | LeadDev](https://leaddev.com/process/managing-chaos-context-switching)

- [Please stop multitasking. Im begging you. Please.](https://jason.energy/context-switching/)

- [Movement for Engineers](https://matt.blwt.io/post/movement-for-engineers/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [When you start to doubt yourself, design from the inside out](https://uxdesign.cc/when-you-start-to-doubt-yourself-design-from-the-inside-out-24d8b14ddafc?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [The Engineering executives role in hiring](https://lethain.com/eng-exec-role-in-hiring/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Here's a Technique to Get Your Manager to Do What You Want.](https://www.scarletink.com/technique-to-get-your-manager-to-do-what-you-want/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

### 🔋 Misc

- [Designing healthcare solutions: How trying to get better made me sick](https://medium.com/@stephantakken/designing-healthcare-solutions-how-trying-to-get-better-made-me-sick-81f337b650a2?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [How Spotifys Design System Goes Beyond Platforms | Figma Blog](https://www.figma.com/blog/creating-coherence-how-spotifys-design-system-goes-beyond-platforms/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [The 11 Types Of Toxic Pull Requests (According To 4.5 Million Code Branches)](https://devinterrupted.substack.com/p/the-11-types-of-toxic-pull-requests?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [How Vercel Shipped Cron Jobs in 2 Months Using Amazon EventBridge Scheduler | AWS News Blog](https://aws.amazon.com/de/blogs/aws/how-vercel-shipped-cron-jobs-in-2-months-using-amazon-eventbridge-scheduler/)

- [Design tool memory usage](https://bjango.com/articles/designtoolmemory/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Using Zig in our incremental Turborepo migration from Go to Rust Vercel](https://vercel.com/blog/how-we-continued-porting-turborepo-to-rust?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Memories of Molly Erics Archived Thoughts](https://meyerweb.com/eric/thoughts/2023/09/06/memories-of-molly/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

### 🎓 Tutorials

- [Deliveroo Food Ordering Clone with React Native (Expo Router, Zustand, Reanimated, Google API)](https://www.youtube.com/watch?v=FXnnCrfiNGM&ab_channel=SimonGrimm)

- [GraphQL Course for Beginners](https://www.youtube.com/watch?v=5199E50O7SI&ab_channel=freeCodeCamp.org)

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

### Tools & ressources

- [Williamtroup/Calendar.js: 📅 A javascript drag & drop event calendar, that is fully responsive and compatible with all modern browsers.](https://github.com/williamtroup/Calendar.js?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Plate](https://platejs.org/) Build your rich-text editor.

- [React Email](https://react.email/) A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript

- [Audio Waveforms](https://waveform.prototyping.bbc.co.uk/) Browser-based audio waveform visualisation

### 📼 Videos

- [Paola Mariselli - PEOPLE MANAGEMENT: FROM GOOD TO GREAT - RenderATL 2023](https://www.youtube.com/watch?v=snl3rXlKO9k&ab_channel=RenderATL)

- [Evan You - REACTIVITY DEEP DIVE WITH VUE.JS - RenderATL 2023](https://www.youtube.com/watch?v=k-WUzeMqKZQ&ab_channel=RenderATL)

- [50 shades of React rendering with Next.js | Ben Ilegbodu | SeattleJS Conf 2023](https://www.youtube.com/watch?v=JZIB8qrCers&t=59s&ab_channel=CascadiaJS)

- [Master GitHub Copilot as a Beginner](https://www.youtube.com/watch?v=FwKe2F7gxNw&ab_channel=7dotdev)

- [Does Astro make heavy JS frameworks obsolete?](https://www.youtube.com/watch?v=4Ohi9G-RCcE&ab_channel=LearnWithJason)

- [Danny Thompson - IMPROVE YOUR DATA FETCHING WITH REACT QUERY - RenderATL 2023](https://www.youtube.com/watch?v=aNwU0MwwvNY&ab_channel=RenderATL)

- [Is Tailwind Taking Over CSS? (and some other insights)](https://www.youtube.com/watch?v=EC-ocX6lWNs&ab_channel=KevinPowell)

### 🎙 Podcasts, talks...

- [First Round Review | In-Depth Episode 102](https://review.firstround.com/podcast/episode-102?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Ep 49: The State of Databases Today (w/ Andy Pavlo - CEO of OtterTune)](https://roundup.getdbt.com/p/ep-49-the-state-of-databases-today?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [What is it like to write code at Meta? - Engineering at Meta](https://engineering.fb.com/2023/09/05/web/what-like-ship-code-meta-tech-podcast/)

- [Syntax Podcast 662 | JavaScript Closures & Scope Explained](https://syntax.fm/show/662/javascript-closures-and-scope-explained?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [JS Party #291 | A view to a transitions API](https://changelog.com/jsparty/291?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [JavaScript Jabber 597 | What if your JavaScript Validations Looked like Tests?](https://redcircle.com/shows/javascript-jabber/ep/e58823db-1452-4251-b4d3-3ae9ec6eac75?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Developer Tea | Two Tips for Better Retros - Add Specificity, Respect Uncertainty](https://developertea.com/episodes/3203f500-d0bc-408d-9017-f4d38e3daff5?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

🇫🇷 For French speakers :

- [87 - Le smartphone Open Source perd ses datas Linux dans une Java virtuelle - Clever Cloud](https://www.clever-cloud.com/podcast/87-le-smartphone-open-source-perd-ses-datas-linux-dans-une-java-virtuelle/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [If This Then Dev | Dveloppement pragmatique : La thorie de la pratique](https://ifttd.io/developpement-pragmatique/)

- [RDV Tech 529 Crime et lgislation sur Internet](https://frenchspin.fr/category/le-rdv-tech/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

- [Jonathan Cherki - Contentsquare - Tout faire 400% et fonder la rfrence de la French Tech valorise plus de $5MDS](https://www.gdiy.fr/podcast/jonathan-cherki/?utm_source=tech-foutraque&utm_campaign=14&utm_medium=email)

💌 If you like this newsletter, don't hesitate to share it.
🔗 Follow us on Twitter/X : [@tech_foutraque](https://twitter.com/tech_foutraque)