T F #13 | Discover the latest trends
Tags: webdev, javascript, programming, react
Published: 2023-09-04 20:27:35

🗞 Article of the week : [The State of CSS 2023 Survey Results](https://2023.stateofcss.com/en-US/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

### 🎨 Frontend

- [The complexity of writing an efficient NodeJS Docker image](https://www.specfy.io/blog/1-efficient-dockerfile-nodejs-in-7-steps?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [View Transitions Break Incremental Rendering](https://ericportis.com/posts/2023/view-transitions-break-incremental-rendering/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [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=13&utm_medium=email)

- [14 Linting Rules To Help You Write Asynchronous Code in JavaScript](https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Array Types in TypeScript](https://tkdodo.eu/blog/array-types-in-type-script?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [JavaScript waitFor Polling](https://davidwalsh.name/waitfor?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Vue 3 for React developers: Side-by-side comparison with demos](https://blog.logrocket.com/vue-3-react-developers-side-by-side-comparison-demos/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Case Study: Rebuilding TechCrunch layout with modern CSS](https://ishadeed.com/article/rebuilding-techcrunch-modern-css?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Manage components appearance with useToggle hook](https://greenonsoftware.com/courses/react-hooks-spellbook/rendering/manage-components-appearance-with-use-toggle-hook/)

### 📱 UX / UI

- [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=13&utm_medium=email)

- [60 UX Cards to Discover Cognitive Biases, by Stphanie Walter & Laurence Vagner](https://stephaniewalter.design/blog/60-ux-cards-to-discover-cognitive-biases/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Playbook for universal design Universal design methods for more inclusive solutions](https://universaldesignguide.com/)

- [collected new web design inspiration on every visit](https://collected.li/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [The value of good design](https://www.teresamira.com/writing/the-value-of-good-design?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [UI Interactions & Animations Roundup #35 | Codrops](https://tympanus.net/codrops/2023/08/25/ui-interactions-animations-roundup-35/)

- [7 reasons to replace advanced search with filters so users can easily find what they need](https://adamsilver.io/blog/7-reasons-to-replace-advanced-search-with-filters-so-users-can-easily-find-what-they-need/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Learn as you search (and browse) using generative AI](https://blog.google/products/search/google-search-generative-ai-learning-features/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Dark Mode: How Users Think About It and Issues to Avoid](https://www.nngroup.com/articles/dark-mode-users-issues/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

### 📇 Management, organisation

- [How to prepare for difficult conversations](https://www.stefanobaccianella.com/p/how-to-prepare-for-difficult-conversations?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Measuring developer productivity? A response to McKinsey](https://newsletter.pragmaticengineer.com/p/measuring-developer-productivity?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [AddyOsmani.com - An effective team communicates much like optimized code: with clarity, modularity, and a focus on simplicity.](https://dev.to/addyosmani/an-effective-team-communicates-much-like-optimized-code-with-clarity-modularity-and-a-focus-on-simplicity-2l26-temp-slug-5671022)

- [How many years to senior engineer?](https://swizec.com/blog/how-many-years-to-senior-engineer/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

### 🔋 Misc

- [WhatsApp Engineering - System Design Newsletter](https://newsletter.systemdesign.one/p/whatsapp-engineering?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [An Excruciatingly Detailed Guide To SSH (But Only The Things I Actually Find Useful)](https://grahamhelton.com/blog/ssh-cheatsheet/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

### 🎓 Tutorials

- [Astro for Fast, Modern Web Development | Learn Zero-JavaScript, Partial Hydration, and UI Framework-Agnostic Dev | Frontend Masters](https://frontendmasters.com/courses/astro/) 💵

- [Implementing Google OAuth Authentication in Next.js](https://blog.stackademic.com/implementing-google-oauth-authentication-in-next-js-using-passport-js-and-serverless-functions-7757e958eb1b?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

### 🔧 Tools & ressources

- [Nodeshift/nodejs-reference-architecture: The Red Hat and IBM Node.js Reference architecture](https://github.com/nodeshift/nodejs-reference-architecture?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Dylanaraps/pure-bash-bible: 📖 A collection of pure bash alternatives to external processes.](https://github.com/dylanaraps/pure-bash-bible?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Rameshvarun/blog-cells: Add interactive code snippets to any blog or webpage.](https://github.com/rameshvarun/blog-cells?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [PDF Tool - HodlSoftware](https://www.pdftool.org/en?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Chinchang/screenlog.js: Bring console.log on the screen](https://github.com/chinchang/screenlog.js?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Zero - Store and ship API secrets](https://tryzero.com/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

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

- [CSS Loaders: A collection of more than 500 loading animations](https://css-loaders.com/)

- [Wallaby - Immediate JavaScript test feedback in your IDE as-you-type](https://wallabyjs.com/?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

### 📼 Videos

- [Abstraction Bad? | Clean Code : Horrible Performance](https://www.youtube.com/watch?v=DsAclZbP_Us&ab_channel=ThePrimeTime)

- [All 12 useState & useEffect Mistakes Junior React Developers Still Make in 2023](https://www.youtube.com/watch?v=-yIsQPp31L0&ab_channel=ByteGrad)

- [JavaScript Maps are super underrated | Wes Bos](https://www.youtube.com/watch?v=3ZvdJlYMv64&ab_channel=WesBos)

- [LLMs with vision, Safety checks to Chrome, and more dev news | Google dev](https://www.youtube.com/watch?v=RnKyA_dh2VA&ab_channel=GoogleforDevelopers)

- [Pourquoi utiliser une librairie front-end ? et comment la choisir ?](https://www.youtube.com/watch?v=HnckoXxH3jc&t=162s&ab_channel=Grafikart.fr) 🇫🇷

### 🎙 Podcasts, talks...

- [Modernizing packages to ESM featuring Mark Erikson (JS Party #290) |> Changelog](https://changelog.com/jsparty/290?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [Syntax - Tasty Web Development Treats - Supper Club Shipping ESM with Mark Erikson](https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkLnN5bnRheC5mbS9yc3M/episode/ZWY4NjgxNWUtZjIzYS00ZGI3LTk2M2MtNzI2MzIyM2EwMDJj?utm_source=tech-foutraque&utm_campaign=13&utm_medium=email)

- [ShopTalk 580: Chen Hui Jing and the State of CSS Survey for 2023](https://shoptalkshow.com/580/)

- [Find Your Rhythm and Watch What Happens With Your Productivity](https://www.asianefficiency.com/podcasts/471w-find-rhythm-peak-positioning/)

 💌 If you like this newsletter, don't hesitate to share it and follow us on twitter too!