The Frontend newsletter #11 - Discover the latest trends
Tags: webdev, javascript, programming, react
Published: 2023-08-24 20:56:11

🗞 Article of the week : [Announcing the MDN front-end developer curriculum](https://developer.mozilla.org/en-US/blog/announcing-mdn-front-end-developer-curriculum/)

### 🎨 Frontend

- [What You Need to Know about TypeScripts New Feature: Using](https://javascript.plainenglish.io/what-do-you-need-to-know-about-typescript-new-feature-using-39cd8bf059a0)

- [TS Reset Improves TypeScript's Built-In Typings](https://www.totaltypescript.com/ts-reset?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Change Detection Fundamentals in Angular](https://blog.stackademic.com/angular-change-detection-explained-169aea595423?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Understanding JavaScripts Proxy and Reflect APIs](https://javascript.plainenglish.io/javascripts-power-tools-understanding-javascript-s-proxy-and-reflect-apis-2acb2234614?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Devtools for React Server Components](https://www.alvar.dev/blog/creating-devtools-for-react-server-components?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Four new CSS features for smooth entry and exit animations](https://developer.chrome.com/blog/entry-exit-animations/)

- [An Overview of CSS Sizing Units](https://www.sitepoint.com/css-sizing-units/)

- [Evading JavaScript Anti-Debugging Techniques](https://www.nullpt.rs/evading-anti-debugging-techniques?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Oso - Authorization Academy](https://www.osohq.com/academy?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email) | A series of technical guides for building application authorization.

- [Scaling the Instagram Explore recommendations system](https://engineering.fb.com/2023/08/09/ml-applications/scaling-instagram-explore-recommendations-system/)

### 📱 UX / UI

- [How to Personalize User Experience](https://il.ly/ux/personalization?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Free Books For Interface & UX Designers](https://smart-interface-design-patterns.com/articles/interface-design-books/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Developing UX/AI thinking for a new design world](https://uxdesign.cc/developing-ux-ai-thinking-for-a-new-design-world-6524b28ea103?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [3 questions to evaluate design patterns and avoid unnecessary work that degrades UX](https://adamsilver.io/blog/3-questions-to-evaluate-design-patterns-and-avoid-unnecessary-work-that-degrades-ux/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [How I Structured My Design System Using Figmas New Variables](https://bootcamp.uxdesign.cc/how-i-structured-my-design-system-using-figmas-new-variables-7b1be33ce2aa?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Why font-size must NEVER be in pixels](https://fedmentor.dev/posts/font-size-px/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Slacks redesign: new DM and Activity sections and more features in the messaging app - The Verge](https://www.theverge.com/2023/8/9/23824562/slack-redesign-app-dms-activity-later?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [11 Fantastic CSS Generators To Spruce Up Your UI](https://www.youtube.com/watch?v=I6c1xR1t8ZU&ab_channel=CSSWeekly) 📺

- [Good Microcopy](https://goodmicrocopy.com/)

### Web performances

- [Running A Page Speed Test: Monitoring vs. Measuring](https://www.smashingmagazine.com/2023/08/running-page-speed-test-monitoring-versus-measuring/)

- [How we reduced the cost of building Twitter at Twitter-scale](https://blog.redplanetlabs.com/2023/08/15/how-we-reduced-the-cost-of-building-twitter-at-twitter-scale-by-100x/)

- [How we reduced the size of our JavaScript bundles by 33% - Dropbox](https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

### 👾 Tutorials

- [An Introduction to the esbuild Bundler](https://www.sitepoint.com/esbuild-introduction/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Code Splitting With Vue.js And Webpack](https://medium.com/js-dojo/code-splitting-with-vue-js-and-webpack-c9830b29d557?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Create direction-aware effects using modern CSS](https://www.youtube.com/watch?v=G_h2pGZcOzc&ab_channel=KevinPowell)

### 🔧 Tools & ressources

- [Knip](https://www.smashingmagazine.com/2023/08/knip-automated-tool-find-unused-files-exports-dependencies/): An Automated Tool For Finding Unused Files, Exports, And Dependencies

- [Sprite your SVGs](https://sprite-your-svgs.vercel.app/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email) | Optimize your SVGs by converting them

- [List of 49 Engineering blogs worth reading to improve your system design](https://www.linkedin.com/posts/johncrickett_systemdesign-activity-7085226364802318336-3oQa/) by John Crickett on Linkedin

- [PrintFriendly | PDF Tools for Documents and Web Pages](https://www.printfriendly.com/)

- [Emilkowalski/sonner: An opinionated toast component for React](https://github.com/emilkowalski/sonner?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [DNT the easiest way to publish a hybrid npm module for ESM and CommonJS](https://deno.com/blog/publish-esm-cjs-module-dnt?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

### 📇 Management - Organisation

- [Broken Ownership](https://blog.alexewerlof.com/p/broken-ownership?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Forecasting Team Performance](https://www.thoughtworks.com/insights/blog/data-strategy/forecasting-team-performance?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [The Future of Remote Work](https://staysaasy.com/management/2023/08/06/the-future-of-remote-work.html?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [AddyOsmani.com - The value of a prototype is in the insight it imparts, not the code.](https://addyosmani.com/blog/prototypes/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

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

- [Remote work requires communicating more, less frequently](https://ben.balter.com/2023/08/04/remote-work-communicate-more-with-less/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

### 🔋 Misc

- [How the iMac saved Apple - The Verge](https://www.theverge.com/23830432/imac-twenty-five-years-ago-saved-apple?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [Inside the Decline of Stack Exchange](https://www.thediff.co/archive/inside-the-decline-of-stack-exchange/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

### 📼 Videos

If you're a typescript's developer and want to see other people than Matt Pocock, this youtube channel is for you:

- [Michigan TypeScript](https://www.youtube.com/@MichiganTypeScript)

Another interesting (long) video:

- [How Wade Foster (Nearly) Bootstrapped Zapier to $5B](https://www.youtube.com/watch?v=CZ36aQDjcC4&ab_channel=TheLoganBartlettShow)

### 🎙 Podcasts, talks...

- [How to turn a promising start-up into a tech giant](https://offtolunch.substack.com/p/how-to-turn-a-promising-start-up#details?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [JavaScript Jabber: The Evolution of Qwik](https://redcircle.com/shows/a4faed6e-afe0-4a65-b4e7-de790ee67d4b/ep/44ee1c8c-e7aa-4e2d-9229-ffc32603c45a?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email)

- [The Art of Being UnmessableWith: Achieve Your Dreams Now, Not Someday](https://www.asianefficiency.com/productivity/469-jocelyne-herman-saccio-unmessablewith/)

- [Syntax Podcast 653 - JS Fundamentals - Decorators](https://syntax.fm/show/653/js-fundamentals-decorators?utm_source=tech-foutraque&utm_campaign=10&utm_medium=email)

- [Front End Happy Hour - Cascading Sips of Sangria](https://www.frontendhappyhour.com/episodes/css-cascading-sips-of-sangria/)

- [Double Slash #69 - Les News Web Dev version summer 23](https://double-slash.dev/podcasts/sumnews23/) 🇫🇷

### 👾 Fun...

- [WipEout](https://phoboslab.org/wipegame/?utm_source=tech-foutraque&utm_campaign=11&utm_medium=email): game for nostalgic fans fully playable on the browser 

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