The Frontend newsletter #10 - Discover the latest trends
Tags: webdev, javascript, programming, typescript
Published: 2023-08-15 13:15:04


### 🗞 Articles of the week : 

- [Supabase Launch Week 8](https://supabase.com/launch-week?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)
- [Coding the stars - an interactive constellation with Three.js and React Three Fiber](https://supabase.com/blog/interactive-constellation-threejs-react-three-fiber?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

### 🎨 Frontend

- [WordPress 6.3 Lionel WordPress News](https://wordpress.org/news/2023/08/lionel/)

- [Introducing Project IDX, An Experiment to Improve Full-stack, Multiplatform App Development Google for Developers Blog](https://developers.googleblog.com/2023/08/introducing-project-idx-experiment-to-improve-full-stack-multiplatform-app-development.html?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [My Experience Modernizing Packages to ESM Mark's Dev Blog](https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Node.js's Config Hell Problem](https://deno.com/blog/node-config-hell?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [A Future of Themes with CSS Container Style Queries](https://chriskirknielsen.com/blog/future-themes-with-container-style-queries/)

- [Randomness in CSS using trigonometry](https://hypersphere.blog/blog/randomness-in-css-using-trigonometry/)

- [Can We Query the Root Container?](https://www.oddbird.net/2023/07/05/contain-root/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Building Your Application: Caching | Next.js](https://nextjs.org/docs/app/building-your-application/caching?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Things you forgot (or never knew) because of React](https://joshcollinsworth.com/blog/antiquated-react?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Partially Controlled Components: A Declarative Design Pattern in React](https://www.jameskerr.blog/posts/partially-controlled-react-components/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [How branches influence the performance of your code and what can you do about it?](https://johnnysswlab.com/how-branches-influence-the-performance-of-your-code-and-what-can-you-do-about-it/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [When Did Postgres Become Cool?](https://www.crunchydata.com/blog/when-did-postgres-become-cool?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Scaling the Instagram Explore recommendations system](https://engineering.fb.com/2023/08/09/ml-applications/scaling-instagram-explore-recommendations-system/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

### Web performances

- [A guide to single-page application performance](https://raygun.com/blog/spa-performance/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Optimizing speed on eBay.com. Optimizing the performance of eBays](https://medium.com/@addyosmani/shopping-for-speed-on-ebay-com-6229711d7573?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

### 📱 UX / UI

- [The Next Generation of Web Layouts - Zeldman on Web and Interaction Design](https://www.zeldman.com/2023/08/04/the-next-generation-of-web-layouts/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [How new Twitter X logo fails - Pimp my Type](https://pimpmytype.com/twitter-x/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Captcha UI element screenshots in real products.](https://userflows.co.uk/screenshots/ui-elements/1/Captcha?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Toggles suck!](https://axesslab.com/toggles-suck/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

### 🔋 Misc

- [Enabling Good Work Habits Through Reflective Goal-Setting](https://newsletter.abinoda.com/p/reflective-goal-setting?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Bottleneck #04: Cost Efficiency](https://martinfowler.com/articles/bottlenecks-of-scaleups/04-costs.html?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Hinted Handoff - System Design](https://systemdesign.one/hinted-handoff/)

- [The Importance of Being a Code Reviewer](https://medium.com/expedia-group-tech/the-importance-of-being-a-code-reviewer-fdbd910fbce7?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [The not-app-building parts of building an app](https://technically.substack.com/p/the-not-app-building-parts-of-building?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

### 👾 Tutorials

- [Building a Design System with React Web Components](https://www.voorhoede.nl/en/blog/building-design-system-react-web-components/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Testing JavaScript with Cypress](https://www.youtube.com/watch?v=u8vMu7viCm8&ab_channel=freeCodeCamp.org)

- [How to Code a Scrollable Text Gallery in Three.js](https://tympanus.net/codrops/2022/09/19/how-to-code-a-scrollable-text-gallery-in-three-js/)

### 🔧 Tools & ressources

- [A compilation of outstanding testing articles (with JavaScript)](https://practica.dev/blog/a-compilation-of-outstanding-testing-articles-with-javaScript/)

- [Introducing Themes Radix UI](https://www.radix-ui.com/?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Filesize.js - Easy to read file size strings](https://filesizejs.com/)

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

- [Libraries that support React Server Components](https://github.com/reactwg/server-components/discussions/6?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Npmgraph | the dependency graph](https://npmgraph.js.org/)

- [OddContrast | Check the contrast between colors](https://www.oddcontrast.com/)

### 📼 Videos

- [HTMX: The Game-Changing Alternative to React](https://www.youtube.com/watch?v=DuGyH5RvfbY&ab_channel=JackHerrington)

- [Tobias Koppers on Turbopack vs Webpack](https://www.youtube.com/watch?v=Zwd_8Jy7b-c&ab_channel=JackHerrington)

### 🎙 Podcasts, talks...

- [Developer Tea : Schedule Carving](https://developertea.com/episodes/392ca901-39c4-44eb-aef5-bcd38b53ce93?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Syntax Podcast 651 | Potluck Is TypeScript Fancy Duct Tape Back Pain Cloud Service Rate Limits](https://syntax.fm/show/651/potluck-is-typescript-fancy-duct-tape-back-pain-cloud-service-rate-limits?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Jamstack Radio | Ep. #131, Video on WebRTC with Christian Stuff and James](https://www.heavybit.com/library/podcasts/jamstack-radio/ep-131-video-on-webrtc-with-christian-stuff-and-james-hush-of-daily?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [RDV Tech 525 Reddit: la reddition](https://frenchspin.fr/2023/08/rdv-tech-525-reddit-la-reddition/) 🇫🇷

### 🎉 Fun

- [A collection of video game levels from various platform](https://noclip.website/)

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