TF #16 | Your weekly frontend digest
Tags: javascript, webdev, frontend, react
Published: 2023-09-25 19:24:58

🗞 **Article of the week :** [TypeScript Origins: The Documentary](https://www.youtube.com/watch?v=U6s2pdxebSo&ab_channel=OfferZenOrigins)

### 🎨 Frontend

- [CSS Findings From The Threads App: Part 2](https://ishadeed.com/article/threads-app-css-part-2/)

- [My Wonderful HTML Email Workflow, using MJML and MDX for responsive emails](https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/)

- [JavaScript is getting array grouping methods](https://philna.sh/blog/2023/09/14/javascript-array-grouping-methods/?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [How To Make A Strong Case For Accessibility Smart Interface Design Patterns](https://smart-interface-design-patterns.com/articles/accessibility-strong-case/?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [JavaScripts Clipboard API: A Deep Dive into Enhanced Copy-Paste Functionality](https://javascript.plainenglish.io/javascripts-clipboard-api-a-deep-dive-into-enhanced-copy-paste-functionality-770f642f6837?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [5 Design Patterns for Building Scalable Next.js Applications](https://blog.stackademic.com/5-design-patterns-for-building-scalable-next-js-applications-dfe229b8a7e0?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [How I approach and structure Enterprise frontend applications after 4 years of using Next.js](https://josemukorivo.com/blog/how-i-approach-and-structure-enterprise-frontend-applications-after-4-years-of-using-nextjs-2f5?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Storing React state in the URL with Next.js | Franois Best](https://francoisbest.com/posts/2023/storing-react-state-in-the-url-with-nextjs?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Next.js 13.5 | Next.js](https://nextjs.org/blog/next-13-5?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Exploring React Server Components and Server Actions with Next.js](https://www.antstack.com/blog/exploring-react-server-components-and-server-actions-with-next-js/)

- [v0.dev by Vercel Labs](https://v0.dev/)

### ⚡ Web performances

- [Get All That Network Activity Under Control with Priority Hints | Alex MacArthur](https://www.macarthur.me/posts/priority-hints?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

### 📱UX / UI

- [The Design System Ecosystem | Brad Frost](https://bradfrost.com/blog/post/the-design-system-ecosystem/)

- [Substacks redesign makes it feel like a more traditional social media app - The Verge](https://www.theverge.com/2023/9/20/23881455/substack-app-redesign-home-tab-posts-notes?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [How to NOT Be a Bad Design Manager](https://uxmag.com/articles/how-to-not-be-a-bad-design-manager?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Why are CNN, FOX, and US websites visually so aggressive?](https://uxdesign.cc/why-are-cnn-fox-and-us-websites-visually-so-aggressive-efe99270bc5b?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [I counted 8 mistakes in this 15-word dialog design](https://uxdesign.cc/i-counted-8-mistakes-in-this-15-word-dialog-design-21e2f4bb7a73?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

### 📇 Management, organisation

- [Elevate Your Performance Review Conversations with these 12 Expert Tips](https://review.firstround.com/elevate-your-performance-review-conversations-with-these-12-expert-tips?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Growth in a downturn: progression when you can't progress - The Engineering Manager](https://www.theengineeringmanager.com/managing-managers/growth-in-a-downturn/?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [The Journey to Staff Engineer: Main takeaways](https://careercutler.substack.com/p/the-journey-to-staff-engineer-main?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Asking questions the right way](https://vadimkravcenko.com/shorts/asking-right-questions/?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

### 📂 Miscellaneous

- [In a git repository, where do your files live?](https://jvns.ca/blog/2023/09/14/in-a-git-repository--where-do-your-files-live-/)

- [How to use GitHub Copilot: Prompts, tips, and use cases - The GitHub Blog](https://github.blog/2023-06-20-how-to-write-better-prompts-for-github-copilot/?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [How Instagram scaled to 14 million users with only 3 engineers](https://engineercodex.substack.com/p/how-instagram-scaled-to-14-million?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Death by a thousand microservices](https://renegadeotter.com/2023/09/10/death-by-a-thousand-microservices.html?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Building Metas Threads App (Real-World Engineering Challenges)](https://newsletter.pragmaticengineer.com/p/building-the-threads-app?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

### 💻 Tutorials

- [How to Create a Responsive Website Using HTML CSS JavaScript and GSAP](https://www.youtube.com/watch?v=sHqt-3q4wwg&ab_channel=BridgeCode)

- [Build a Course & LMS Platform: Next 13, React, Stripe, Mux, Prisma, Tailwind, MySQL | Udemy Clone](https://www.youtube.com/watch?v=Big_aFLmekI&ab_channel=CodeWithAntonio)

### ⚙️ Tools & ressources

- [Responsive Viewer](https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email) Show multiple screens once, Responsive design tester

- [.ENV Switcher](https://marketplace.visualstudio.com/items?itemName=EcksDy.env-switcher) Switch .env file content using presets, straight from the status bar

- [Sugar High](https://sugar-high.vercel.app/) Super lightweight syntax highlighter for JSX

### 📼 Videos

- [TypeScript Origins: The Documentary](https://www.youtube.com/watch?v=U6s2pdxebSo&ab_channel=OfferZenOrigins)

- [The never-ending JavaScript divide](https://www.youtube.com/watch?v=6_JNPmjSevo&ab_channel=MattPocock)

### 🎙 Podcasts, talks...

- [JavaScript Jabber - JSJ 598 - Exploring the True Measure of User Experience: Core Web Vitals & Beyond](https://topenddevs.com/podcasts/javascript-jabber/episodes/exploring-the-true-measure-of-user-experience-core-web-vitals-beyond-jsj-598?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Web Rush Episode 252: Demystifying Reactivity in Frontend](https://webrush.io/episodes/episode-252-demystifying-reactivity-in-frontend?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [Devtools.fm | Episode #66: Josh Goldberg - TypeScript ESLint](https://www.devtools.fm/episode/66?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

- [The Svelte + SvelteKit Show Syntax Podcast 669](https://syntax.fm/show/669/the-svelte-sveltekit-show?utm_source=tech-foutraque&utm_campaign=16&utm_medium=email)

🇫🇷 For french speakers :

- [Message caractre informatique #89 | Des DNS menteurs codent sous IA pour faire de lupscaling](https://www.clever-cloud.com/podcast/89-des-dns-menteurs-codent-sous-ia-pour-faire-de-lupscaling/)

- [If This Then Dev | SNCF Connect : Migrer une app et toute une plateforme](https://ifttd.io/sncf-connect/)

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