weeklyfoo #30
Tags: webdev, weeklyfoo, javascript, node
Published: 2024-04-29 05:04:17


weeklyfoo #30 is here: your weekly digest of all webdev news you need to know! This time you'll find 30 valuable links in 6 categories! Enjoy!
## 🚀 Read it!

- <a href="https://github.blog/2024-04-19-a-short-guide-to-mastering-keyboard-shortcuts-on-github/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmJsb2cvMjAyNC0wNC0xOS1hLXNob3J0LWd1aWRlLXRvLW1hc3RlcmluZy1rZXlib2FyZC1zaG9ydGN1dHMtb24tZ2l0aHViLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJyZWFkSXQiLCJzb3VyY2UiOiJ3ZWIifX0%3D">A short guide to mastering keyboard shortcuts on GitHub</a>: Say goodbye to constant mouse clicking and hello to seamless navigation with GitHub shortcuts.<small> / </small><small>*github*</small><small> / </small><small>8 min read</small>


<Hr />

## 📰 Good to know

- <a href="https://bold-edit.com/wrote-my-own.html?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYm9sZC1lZGl0LmNvbS93cm90ZS1teS1vd24uaHRtbCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">I wrote my own editor</a>: Next level - frustrated with your IDE, build your own one!<small> / </small><small>*editors*</small><small> / </small><small>5 min read</small>
- <a href="https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd2Via2l0Lm9yZy9ibG9nLzE1MjY5L2hlbHAtdXMtaW52ZW50LW1hc29ucnktbGF5b3V0cy1mb3ItY3NzLWdyaWQtbGV2ZWwtMy8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Help us invent CSS Grid Level 3, aka Masonry layout</a>: This Masonry layout looks great!<small> / </small><small>*css*</small><small> / </small><small>23 min read</small>
- <a href="https://vercel.com/blog/latency-numbers-every-web-developer-should-know?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS9ibG9nL2xhdGVuY3ktbnVtYmVycy1ldmVyeS13ZWItZGV2ZWxvcGVyLXNob3VsZC1rbm93IiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMCwic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">Latency numbers every frontend developer should know</a>: A frontend take on Jeff Dean's Latency Numbers Every Programmer Should Know.<small> / </small><small>*performance*</small><small> / </small><small>6 min read</small>
- <a href="https://graph.henryn.ca/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ3JhcGguaGVucnluLmNhLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Map of the web</a>: Connections between websites<small> / </small><small>*connections*</small><small> / </small><small>0 min read</small>
- <a href="https://www.crunchydata.com/blog/fuzzy-name-matching-in-postgresql?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmNydW5jaHlkYXRhLmNvbS9ibG9nL2Z1enp5LW5hbWUtbWF0Y2hpbmctaW4tcG9zdGdyZXNxbCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Fuzzy Name Matching in Postgres</a>: Soundex + Levenshtein<small> / </small><small>*postgres*</small><small> / </small><small>9 min read</small>
- <a href="https://nodejs.org/en/blog/announcements/v22-release-announce?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vbm9kZWpzLm9yZy9lbi9ibG9nL2Fubm91bmNlbWVudHMvdjIyLXJlbGVhc2UtYW5ub3VuY2UiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Node.js 22 is now available!</a>: Will enter LTS in October<small> / </small><small>*nodejs*</small><small> / </small><small>5 min read</small>
- <a href="https://www.electronjs.org/blog/electron-30-0?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmVsZWN0cm9uanMub3JnL2Jsb2cvZWxlY3Ryb24tMzAtMCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Electron 30.0.0</a>: Next major version of Electron<small> / </small><small>*electron*</small><small> / </small><small>7 min read</small>
- <a href="https://astro.build/blog/astro-470/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYXN0cm8uYnVpbGQvYmxvZy9hc3Ryby00NzAvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMCwic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">Astro 4.7</a>: Next minor release of Astro<small> / </small><small>*astro*</small><small> / </small><small>4 min read</small>
- <a href="https://prosopo.io/articles/typescript-branding/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vcHJvc29wby5pby9hcnRpY2xlcy90eXBlc2NyaXB0LWJyYW5kaW5nLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">TypeScript - Branded Types</a>: Symbols!<small> / </small><small>*typescript*</small><small> / </small><small>8 min read</small>
- <a href="https://github.com/Megaemce/Bonfire?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9NZWdhZW1jZS9Cb25maXJlIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMCwic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">Bonfire with CSS</a>: Unbelievable but true!<small> / </small><small>*animations*, *css*</small><small> / </small><small>4 min read</small>
- <a href="https://www.totaltypescript.com/tsconfig-cheat-sheet?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnRvdGFsdHlwZXNjcmlwdC5jb20vdHNjb25maWctY2hlYXQtc2hlZXQiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">The TSConfig Cheat Sheet</a>: All you need to know about tsconfig.<small> / </small><small>*typescript*</small><small> / </small><small>7 min read</small>


<Hr />

## 🧰 Tools

- <a href="https://github.com/sadmann7/shadcn-table?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9zYWRtYW5uNy9zaGFkY24tdGFibGUiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Shadcn Table</a>: A shadcn table component with server-side sorting, filtering, and pagination.<small> / </small><small>*ui*</small>
- <a href="https://typlr.app/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdHlwbHIuYXBwLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">typlr</a>: Create fonts without software. You only need a web browser<small> / </small><small>*fonts*</small>
- <a href="https://docs.anthropic.com/claude/prompt-library?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZG9jcy5hbnRocm9waWMuY29tL2NsYXVkZS9wcm9tcHQtbGlicmFyeSIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Prompt Library</a>: Explore optimized prompts for a breadth of business and personal tasks.<small> / </small><small>*prompts*, *ai*</small>
- <a href="https://www.franken-ui.dev/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmZyYW5rZW4tdWkuZGV2LyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Franken UI</a>: HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source.<small> / </small><small>*ui*</small>
- <a href="https://github.com/tagconcierge/consent-banner-js?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS90YWdjb25jaWVyZ2UvY29uc2VudC1iYW5uZXItanMiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Consent Banner JS</a>: A zero-dependency, lightweight (~3kB), consent platform agnostic, cookie banner for any website.<small> / </small><small>*banner*</small>
- <a href="https://unovis.dev/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdW5vdmlzLmRldi8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Unovis</a>: A modular data visualization framework for React, Angular, Svelte, Vue and vanilla TypeScript or JavaScript<small> / </small><small>*charts*</small>
- <a href="https://github.com/plasmicapp/plasmic?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9wbGFzbWljYXBwL3BsYXNtaWMiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Plasmic</a>: Visual builder for React. Build apps, websites, and content. Integrate with your codebase.<small> / </small><small>*editors*</small>
- <a href="https://github.com/catdad/canvas-confetti?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9jYXRkYWQvY2FudmFzLWNvbmZldHRpIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">canvas confetti</a>: performant confetti animation in the browser<small> / </small><small>*animations*</small>
- <a href="https://css-shape.com/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vY3NzLXNoYXBlLmNvbS8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">CSS Shape</a>: The Ultimate Collection of CSS-only Shapes<small> / </small><small>*css*</small>
- <a href="https://www.blockbuilder.dev/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmJsb2NrYnVpbGRlci5kZXYvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">Block Builder</a>: Lightweight Node.js library for building Slack Block Kit UIs, with a declarative syntax inspired by SwiftUI.<small> / </small><small>*slack*</small>
- <a href="https://component-party.dev/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vY29tcG9uZW50LXBhcnR5LmRldi8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Component Party</a>: Compare React, Angular, Svelte, Vue, and more.<small> / </small><small>*code*</small>


<Hr />

## 🎨 Design

- <a href="https://university.webflow.com/interactive-learning/layout-land?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdW5pdmVyc2l0eS53ZWJmbG93LmNvbS9pbnRlcmFjdGl2ZS1sZWFybmluZy9sYXlvdXQtbGFuZCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzAsInNlY3Rpb24iOiJkZXNpZ24iLCJzb3VyY2UiOiJ3ZWIifX0%3D">Layout Land</a>: This is an awesome example of a university<small> / </small><small>*learning*</small><small> / </small><small>1 min read</small>
- <a href="https://podlite.org/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vcG9kbGl0ZS5vcmcvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMCwic2VjdGlvbiI6ImRlc2lnbiIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Podlite</a>: Podlite is a lightweight block-based markup language designed for flexibility and ease of use. Not sure why it's needed because Markdown exists.<small> / </small><small>*markup*</small><small> / </small><small>2 min read</small>


<Hr />

## 📚 Tutorials

- <a href="https://twitter.com/resend/status/1782414231771783509?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdHdpdHRlci5jb20vcmVzZW5kL3N0YXR1cy8xNzgyNDE0MjMxNzcxNzgzNTA5IiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMCwic2VjdGlvbiI6InR1dCIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Email Headers can drastically impact deliverability.</a>: Here are 3 headers you must know.<small> / </small><small>*emails*</small><small> / </small><small>1 min read</small>
- <a href="https://twitter.com/jh3yy/status/1783654366110502952?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdHdpdHRlci5jb20vamgzeXkvc3RhdHVzLzE3ODM2NTQzNjYxMTA1MDI5NTIiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidHV0Iiwic291cmNlIjoid2ViIn19">Scroll-driven animations and 3D perspective</a>: The trick is driving the animation with list items that are smaller in height than the images<small> / </small><small>*css*</small><small> / </small><small>1 min read</small>


<Hr />

## 📺 Videos

- <a href="https://www.youtube.com/watch?v=edB964-YYpE?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9ZWRCOTY0LVlZcEUiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidmlkcyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">A Deep Dive into Node.js Streams</a>: Streams are the lifeblood of many Node.js applications, enabling efficient data processing and manipulation. But their evolution has been anything but straightforward.<small> / </small><small>*nodejs*, *streams*</small>
- <a href="https://www.youtube.com/watch?v=d5x0JCZbAJs?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9ZDV4MEpDWmJBSnMiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidmlkcyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">From 0 to Production</a>: The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)<small> / </small><small>*react*</small>
- <a href="https://www.youtube.com/watch?v=Vjw8_ADu7_s?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-30&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9Vmp3OF9BRHU3X3MiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMwLCJzZWN0aW9uIjoidmlkcyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Making My Node.js API Super Fast</a>: Lots of useful tipps around the stack.<small> / </small><small>*performance*</small>


Want to read more? Check out the full article [here](https://weeklyfoo.com/foos/foo-030/).

To sign up for the weekly newsletter, visit [weeklyfoo.com](https://weeklyfoo.com).