Stay ahead in web development: latest news, tools, and insights #40
Tags: webdev, weeklyfoo, javascript, node
Published: 2024-07-07 04:53:09


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

- <a href="https://staysaasy.com/management/2023/03/20/numbers-to-manage-by.html?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vc3RheXNhYXN5LmNvbS9tYW5hZ2VtZW50LzIwMjMvMDMvMjAvbnVtYmVycy10by1tYW5hZ2UtYnkuaHRtbCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJyZWFkSXQiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Numbers To Know For Managing (Software Teams)</a>: This is a collection of very true topics, written in a very entertaining way.<small> / </small><small>*management*</small><small> / </small><small>8 min read</small>


<Hr />

## 📰 Good to know

- <a href="https://dev.to/grahamthedev/windowai-running-ai-locally-from-devtools-202j?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZGV2LnRvL2dyYWhhbXRoZWRldi93aW5kb3dhaS1ydW5uaW5nLWFpLWxvY2FsbHktZnJvbS1kZXZ0b29scy0yMDJqIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">window.ai - running AI LOCALLY from DevTools!</a>: This will go wild as soon as available for all.<small> / </small><small>*ai*, *chrome*</small><small> / </small><small>14 min read</small>
- <a href="https://blog.brachiosoft.com/en/posts/git/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYmxvZy5icmFjaGlvc29mdC5jb20vZW4vcG9zdHMvZ2l0LyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">A Git story - Not so fun this time</a>: Rise of Git (and GitHub)<small> / </small><small>*git*</small><small> / </small><small>34 min read</small>
- <a href="https://notes.billmill.org/blog/2024/06/Serving_a_billion_web_requests_with_boring_code.html?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vbm90ZXMuYmlsbG1pbGwub3JnL2Jsb2cvMjAyNC8wNi9TZXJ2aW5nX2FfYmlsbGlvbl93ZWJfcmVxdWVzdHNfd2l0aF9ib3JpbmdfY29kZS5odG1sIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">Serving a billion web requests with boring code</a>: This is the way to go. All the boring tech is the foundation of all the robust software.<small> / </small><small>*engineering*</small><small> / </small><small>16 min read</small>
- <a href="https://survey.stackoverflow.co/2023/#section-top-paying-technologies-top-paying-technologies?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vc3VydmV5LnN0YWNrb3ZlcmZsb3cuY28vMjAyMy8jc2VjdGlvbi10b3AtcGF5aW5nLXRlY2hub2xvZ2llcy10b3AtcGF5aW5nLXRlY2hub2xvZ2llcyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Top paying technologies</a>: Zig is the highest-paid language to know this year (a new addition), while Clojure gets knocked from the top spot with a 10% decrease from 2022.<small> / </small><small>*survey*, *salaries*</small><small> / </small><small>132 min read</small>
- <a href="https://hackmysql.com/lessons-from-20-years-hacking-mysql-part-1/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vaGFja215c3FsLmNvbS9sZXNzb25zLWZyb20tMjAteWVhcnMtaGFja2luZy1teXNxbC1wYXJ0LTEvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">Lessons From 20 Years Hacking MySQL (Part 1)</a>: Very entertaining!<small> / </small><small>*engineering*</small><small> / </small><small>20 min read</small>
- <a href="https://evanhahn.com/programming-beliefs-as-of-july-2024/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZXZhbmhhaG4uY29tL3Byb2dyYW1taW5nLWJlbGllZnMtYXMtb2YtanVseS0yMDI0LyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">My programming beliefs as of July 2024</a>: This is a collection of things I believe about computer programming as of today. It’s based on my own experience.<small> / </small><small>*engineering*</small><small> / </small><small>7 min read</small>
- <a href="https://www.speedcurve.com/web-performance-guide/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnNwZWVkY3VydmUuY29tL3dlYi1wZXJmb3JtYW5jZS1ndWlkZS8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Web Performance Guide</a>: Here's everything you need to know to master website monitoring, analytics, and diagnostics.<small> / </small><small>*performance*</small><small> / </small><small>4 min read</small>
- <a href="https://mortoray.com/the-many-faces-of-undefined-in-javascript/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vbW9ydG9yYXkuY29tL3RoZS1tYW55LWZhY2VzLW9mLXVuZGVmaW5lZC1pbi1qYXZhc2NyaXB0LyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">The many faces of undefined in JavaScript</a>: There are too many ways to represent unknown or missing data and this can lead to defects.<small> / </small><small>*javascript*</small><small> / </small><small>13 min read</small>
- <a href="https://www.theregister.com/2024/07/03/cloudflare_ai_blocks/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnRoZXJlZ2lzdGVyLmNvbS8yMDI0LzA3LzAzL2Nsb3VkZmxhcmVfYWlfYmxvY2tzLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Cloudflare debuts one-click nuke of web-scraping AI</a>: Take that for ignoring robots.txt!<small> / </small><small>*cloudflare*, *bots*</small><small> / </small><small>13 min read</small>
- <a href="https://mdalmijn.com/p/your-companys-problem-is-hiding-in?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vbWRhbG1pam4uY29tL3AveW91ci1jb21wYW55cy1wcm9ibGVtLWlzLWhpZGluZy1pbiIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Your Company's Problem is Hiding in Plain Sight - High Work-In-Progress (WIP)</a>: You Need Lazy People to Have Restless Features<small> / </small><small>*performance*</small><small> / </small><small>10 min read</small>
- <a href="https://webdeveloper.beehiiv.com/p/cancel-promises-javascript?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd2ViZGV2ZWxvcGVyLmJlZWhpaXYuY29tL3AvY2FuY2VsLXByb21pc2VzLWphdmFzY3JpcHQiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">How to Annul Promises in JavaScript</a>: Creating Cancelable Tasks in JavaScript with Promise.withResolvers and AbortController<small> / </small><small>*javascript*, *promises*</small><small> / </small><small>5 min read</small>
- <a href="https://effectivetypescript.com/2024/07/02/ts-55/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZWZmZWN0aXZldHlwZXNjcmlwdC5jb20vMjAyNC8wNy8wMi90cy01NS8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">TypeScript 5.5 - A Blockbuster Release</a>: Lots of new features in the next minor release<small> / </small><small>*typescript*</small><small> / </small><small>10 min read</small>
- <a href="https://jonahdevs.com/youre-closer-than-you-think-the-only-6-dns-concepts-you-really-need/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vam9uYWhkZXZzLmNvbS95b3VyZS1jbG9zZXItdGhhbi15b3UtdGhpbmstdGhlLW9ubHktNi1kbnMtY29uY2VwdHMteW91LXJlYWxseS1uZWVkLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">You’re Closer Than You Think - The Only 6 DNS Concepts You Really Need</a>: DNS explained.<small> / </small><small>*dns*</small><small> / </small><small>11 min read</small>
- <a href="https://www.kitze.io/posts/saddest-just-ship-it-story-ever?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmtpdHplLmlvL3Bvc3RzL3NhZGRlc3QtanVzdC1zaGlwLWl0LXN0b3J5LWV2ZXIiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">The saddest Just Ship It story ever</a>: IndieHacker story about benji!<small> / </small><small>*indie*</small><small> / </small><small>7 min read</small>
- <a href="https://mikefisher.substack.com/p/eponymous-laws?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vbWlrZWZpc2hlci5zdWJzdGFjay5jb20vcC9lcG9ueW1vdXMtbGF3cyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Eponymous Laws</a>: Some observations that might ring true<small> / </small><small>*engineering*</small><small> / </small><small>7 min read</small>


<Hr />

## 🧰 Tools

- <a href="https://pikimov.com/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vcGlraW1vdi5jb20vIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">Pikimov</a>: Online motion design and video editor<small> / </small><small>*video*</small>
- <a href="https://github.com/docmost/docmost?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9kb2Ntb3N0L2RvY21vc3QiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Docmost</a>: Docmost is an open source collaborative documentation and wiki software. It is an open-source alternative to the likes of Confluence and Notions.<small> / </small><small>*docs*, *collaboration*</small>
- <a href="https://github.com/ardeora/solid-toast?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9hcmRlb3JhL3NvbGlkLXRvYXN0IiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">Solid Toast</a>: Create beautiful, customizable toasts with Solid JS<small> / </small><small>*notifications*, *toast*</small>
- <a href="https://github.com/mr-karan/doggo?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9tci1rYXJhbi9kb2dnbyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">doggo</a>: Command-line DNS Client for Humans. Written in Golang<small> / </small><small>*cli*</small>
- <a href="https://github.com/squirrellyjs/squirrelly?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9zcXVpcnJlbGx5anMvc3F1aXJyZWxseSIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">squirrelly</a>: Semi-embedded JS template engine that supports helpers, filters, partials, and template inheritance. 4KB minzipped, written in TypeScript<small> / </small><small>*templating*</small>
- <a href="https://github.com/fastify/fast-json-stringify?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9mYXN0aWZ5L2Zhc3QtanNvbi1zdHJpbmdpZnkiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">fast-json-stringify</a>: 2x faster than JSON.stringify()<small> / </small><small>*stringify*, *json*</small>
- <a href="https://github.com/umijs/mako?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS91bWlqcy9tYWtvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">Mako</a>: An extremely fast, production-grade web bundler based on Rust.<small> / </small><small>*bundler*</small>
- <a href="https://github.com/poundifdef/SmoothMQ?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9wb3VuZGlmZGVmL1Ntb290aE1RIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">SmoothMQ</a>: A drop-in replacement for SQS designed for great developer experience and efficiency.<small> / </small><small>*queues*, *sqs*</small>
- <a href="https://github.com/changesets/changesets?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9jaGFuZ2VzZXRzL2NoYW5nZXNldHMiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Changesets</a>: A way to manage your versioning and changelogs with a focus on monorepos<small> / </small><small>*changelog*</small>
- <a href="https://hackernews.demo.vectara.com/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vaGFja2VybmV3cy5kZW1vLnZlY3RhcmEuY29tLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Search HackerNews</a>: A search engine for HackerNews<small> / </small><small>*search*</small>
- <a href="https://github.com/securingsincity/react-ace?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9zZWN1cmluZ3NpbmNpdHkvcmVhY3QtYWNlIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">React Ace</a>: A set of react components for Ace (Editor)<small> / </small><small>*react*</small>
- <a href="https://github.com/guidone/lets-form?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9ndWlkb25lL2xldHMtZm9ybSIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">lets form</a>: A JSON form generator for React with Material UI / AntDesign / Bootstrap / RSuite / Mantine<small> / </small><small>*react*, *forms*</small>
- <a href="https://github.com/silx-kit/h5web?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9zaWx4LWtpdC9oNXdlYiIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">H5Web</a>: React components for data visualization and exploration<small> / </small><small>*visualization*</small>
- <a href="https://github.com/gridstack/gridstack.js?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9ncmlkc3RhY2svZ3JpZHN0YWNrLmpzIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">GridStack</a>: Build interactive dashboards in minutes.<small> / </small><small>*grids*, *dashboards*</small>
- <a href="https://github.com/meursyphus/flitter?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9tZXVyc3lwaHVzL2ZsaXR0ZXIiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Flitter</a>: Flitter is a powerful framework inspired by Flutter, supporting both SVG and Canvas to create high-performance graphics and user interfaces.<small> / </small><small>*visualizations*</small>
- <a href="https://www.mshr.app/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3Lm1zaHIuYXBwLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">MSHR</a>: A collection of 208 vanilla CSS mesh gradients free for you to use in any of your projects.<small> / </small><small>*css*, *gradients*</small>
- <a href="https://github.com/h4l/json.bash?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9oNGwvanNvbi5iYXNoIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">json.bash</a>: Command-line tool and bash library that creates JSON<small> / </small><small>*json*</small>
- <a href="https://github.com/metafloor/bwip-js?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9tZXRhZmxvb3IvYndpcC1qcyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">bwip-js</a>: Barcode Writer in Pure JavaScript<small> / </small><small>*barcode*</small>
- <a href="https://github.com/ianstormtaylor/superstruct?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9pYW5zdG9ybXRheWxvci9zdXBlcnN0cnVjdCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Superstruct</a>: A simple and composable way to validate data in JavaScript (and TypeScript).<small> / </small><small>*validation*</small>
- <a href="https://github.com/MarketingPipeline/Termino.js?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9NYXJrZXRpbmdQaXBlbGluZS9UZXJtaW5vLmpzIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">Termino.js</a>: Create a web based terminal on any website - great for games, animations and real world apps!<small> / </small><small>*terminal*</small>
- <a href="https://github.com/tanelpoder/0xtools?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS90YW5lbHBvZGVyLzB4dG9vbHMiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">0xtools</a>: X-Ray vision for Linux systems<small> / </small><small>*cli*, *performance*</small>


<Hr />

## 🎨 Design

- <a href="https://www.dezeen.com/2024/07/03/iceland-women-design/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmRlemVlbi5jb20vMjAyNC8wNy8wMy9pY2VsYW5kLXdvbWVuLWRlc2lnbi8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoiZGVzaWduIiwic291cmNlIjoid2ViIn19">The country where design is dominated by women</a>: Unlike in most parts of the world, Iceland's design scene is overwhelmingly female.<small> / </small><small>*equality*</small><small> / </small><small>17 min read</small>
- <a href="https://piccalil.li/blog/the-time-for-designers-to-learn-to-code-is-now?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vcGljY2FsaWwubGkvYmxvZy90aGUtdGltZS1mb3ItZGVzaWduZXJzLXRvLWxlYXJuLXRvLWNvZGUtaXMtbm93IiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6ImRlc2lnbiIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">The time for designers to learn to code is now</a>: With design tools further commoditising and sanitising expected creative output, the time for designers to be able to stand out is very much here.<small> / </small><small>*coding*</small><small> / </small><small>8 min read</small>


<Hr />

## 🤪 Fun

- <a href="https://www.phpied.com/files/location-location/location-location.html?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnBocGllZC5jb20vZmlsZXMvbG9jYXRpb24tbG9jYXRpb24vbG9jYXRpb24tbG9jYXRpb24uaHRtbCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJmdW4iLCJzb3VyY2UiOiJ3ZWIifX0%3D">535 ways to reload the page with JavaScript</a>: Javascript is such a joy<small> / </small><small>*javascript*</small><small> / </small><small>1 min read</small>
- <a href="https://sliderland.blinry.org/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vc2xpZGVybGFuZC5ibGlucnkub3JnLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6NDAsInNlY3Rpb24iOiJmdW4iLCJzb3VyY2UiOiJ3ZWIifX0%3D">sliderland</a>: a minimalist coding playground<small> / </small><small>*sliders*</small><small> / </small><small>1 min read</small>


<Hr />

## 🤣 Meme

- <a href="https://x.com/memenetes/status/1808893551876464995?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8veC5jb20vbWVtZW5ldGVzL3N0YXR1cy8xODA4ODkzNTUxODc2NDY0OTk1IiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6Im1lbWUiLCJzb3VyY2UiOiJ3ZWIifX0%3D">yaml</a>: this explains a lot of things<small> / </small><small>*yaml*</small><small> / </small><small>0 min read</small>


<Hr />

## 📚 Tutorials

- <a href="https://betterstack.com/community/guides/scaling-nodejs/profiling-nodejs-applications/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYmV0dGVyc3RhY2suY29tL2NvbW11bml0eS9ndWlkZXMvc2NhbGluZy1ub2RlanMvcHJvZmlsaW5nLW5vZGVqcy1hcHBsaWNhdGlvbnMvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InR1dCIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Profiling Node.js Applications</a>: Learn how to profile your node app.<small> / </small><small>*performance*</small><small> / </small><small>21 min read</small>
- <a href="https://blog.appsignal.com/2024/06/19/how-to-perform-data-validation-in-nodejs.html?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYmxvZy5hcHBzaWduYWwuY29tLzIwMjQvMDYvMTkvaG93LXRvLXBlcmZvcm0tZGF0YS12YWxpZGF0aW9uLWluLW5vZGVqcy5odG1sIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InR1dCIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">How to Perform Data Validation in Node.js</a>: By using the express validation middleware.<small> / </small><small>*validation*</small><small> / </small><small>18 min read</small>
- <a href="https://alvaromontoro.com/blog/68054/css-manga-lines?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYWx2YXJvbW9udG9yby5jb20vYmxvZy82ODA1NC9jc3MtbWFuZ2EtbGluZXMiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoidHV0Iiwic291cmNlIjoid2ViIn19">CSS Surprise Manga Lines</a>: When a manga or anime character is surprised, lines focus on and highlight their face. Is it possible to create a similar effect with HTML and CSS?<small> / </small><small>*css*</small><small> / </small><small>4 min read</small>
- <a href="https://course.fast.ai/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vY291cnNlLmZhc3QuYWkvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4Ijo0MCwic2VjdGlvbiI6InR1dCIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Practical Deep Learning for Coders</a>: A free course designed for people with some coding experience, who want to learn how to apply deep learning and machine learning to practical problems.<small> / </small><small>*ai*</small><small> / </small><small>12 min read</small>


<Hr />

## 📺 Videos

- <a href="https://www.youtube.com/watch?v=IgsKxmNNn3I?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-40&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL3dhdGNoP3Y9SWdzS3htTk5uM0kiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjQwLCJzZWN0aW9uIjoidmlkcyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">How Vercel Works</a>: With Malte Ubl, we deep dived into how Vercel works as a team, what could developer experience look like, and the future of AI-enabled applications.<small> / </small><small>*vercel*</small>


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

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