Stay ahead in web development: latest news, tools, and insights #33
Tags: webdev, weeklyfoo, javascript, node
Published: 2024-05-20 05:23:29


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

- <a href="https://deno.com/blog/document-javascript-package?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZGVuby5jb20vYmxvZy9kb2N1bWVudC1qYXZhc2NyaXB0LXBhY2thZ2UiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoicmVhZEl0Iiwic291cmNlIjoid2ViIn19">How to document your JavaScript package</a>: Lots of tipps how to use JSDoc properly.<small> / </small><small>*docs*</small><small> / </small><small>18 min read</small>


<Hr />

## 📰 Good to know

- <a href="https://stars.chromeexperiments.com/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vc3RhcnMuY2hyb21lZXhwZXJpbWVudHMuY29tLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">100,000 Stars</a>: 100,000 Stars is an interactive visualization of the stellar neighborhood created for the Google Chrome web browser.<small> / </small><small>*stars*</small><small> / </small><small>1 min read</small>
- <a href="https://rouninmedia.github.io/protecting-your-email-address-via-svg-instead-of-js/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vcm91bmlubWVkaWEuZ2l0aHViLmlvL3Byb3RlY3RpbmcteW91ci1lbWFpbC1hZGRyZXNzLXZpYS1zdmctaW5zdGVhZC1vZi1qcy8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Protecting your email address via SVG instead of JS</a>: Interesting approach to protect your email address.<small> / </small><small>*email*, *svg*, *protection*</small><small> / </small><small>4 min read</small>
- <a href="https://coderoasis.com/worker-threads-nodejs/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vY29kZXJvYXNpcy5jb20vd29ya2VyLXRocmVhZHMtbm9kZWpzLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">Simple Implemention to Understand worker_threads in NodeJS</a>: Illustration how to make use of multiple cores with NodeJS<small> / </small><small>*workers*, *nodejs*</small><small> / </small><small>7 min read</small>
- <a href="https://2023.stateofhtml.com?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vMjAyMy5zdGF0ZW9maHRtbC5jb20iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">State of HTML 2023</a>: Annual html survey results<small> / </small><small>*html*, *survey*</small><small> / </small><small>6 min read</small>
- <a href="https://jordaneldredge.com/notes/208ba2e8-436d-438e-a3c9-1380e7d7df75/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vam9yZGFuZWxkcmVkZ2UuY29tL25vdGVzLzIwOGJhMmU4LTQzNmQtNDM4ZS1hM2M5LTEzODBlN2Q3ZGY3NS8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">A nice way to render Markdown in React apps</a>: Pretty cool if you don't want to add another dependency to your project to render Markdown.<small> / </small><small>*markdown*, *react*</small><small> / </small><small>3 min read</small>
- <a href="https://web.dev/blog/web-platform-dashboard?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd2ViLmRldi9ibG9nL3dlYi1wbGF0Zm9ybS1kYXNoYm9hcmQiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Announcing the Web Platform Dashboard</a>: Web platform mapped to a set of features.<small> / </small><small>*browsers*</small><small> / </small><small>5 min read</small>
- <a href="https://twitter.com/wesbos/status/1790751882240999741?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdHdpdHRlci5jb20vd2VzYm9zL3N0YXR1cy8xNzkwNzUxODgyMjQwOTk5NzQxIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">Death to the sidebar!</a>: Didn't know about that, and now I can't without!<small> / </small><small>*vscode*</small><small> / </small><small>1 min read</small>
- <a href="https://www.hezmatt.org/~mpalmer/blog/2024/05/14/is-this-project-still-maintained.html?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3Lmhlem1hdHQub3JnL35tcGFsbWVyL2Jsb2cvMjAyNC8wNS8xNC9pcy10aGlzLXByb2plY3Qtc3RpbGwtbWFpbnRhaW5lZC5odG1sIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">Is This Project Still Maintained?</a>: Insights from a project maintainer.<small> / </small><small>*projects*</small><small> / </small><small>11 min read</small>
- <a href="https://www.ishan.coffee/notes/Idea-List?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmlzaGFuLmNvZmZlZS9ub3Rlcy9JZGVhLUxpc3QiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Idea List</a>: Good ideas for your next side hustle.<small> / </small><small>*ideas*</small><small> / </small><small>6 min read</small>
- <a href="https://www.thrownewexception.com/you-probably-dont-need-microservices/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LnRocm93bmV3ZXhjZXB0aW9uLmNvbS95b3UtcHJvYmFibHktZG9udC1uZWVkLW1pY3Jvc2VydmljZXMvIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">You probably don’t need microservices</a>: I don't hate it (referencing the second sentence)<small> / </small><small>*microservices*</small><small> / </small><small>9 min read</small>
- <a href="https://react.dev/learn/react-compiler?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vcmVhY3QuZGV2L2xlYXJuL3JlYWN0LWNvbXBpbGVyIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">React Compiler</a>: This page will give you an introduction to the new experimental React Compiler and how to try it out successfully.<small> / </small><small>*react*</small><small> / </small><small>10 min read</small>
- <a href="https://bhmt.dev/blog/scraping/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYmhtdC5kZXYvYmxvZy9zY3JhcGluZy8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoiZ29vZFRvS25vdyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Personal-scale Web scraping for fun and profit</a>: Web scraping explained<small> / </small><small>*scraping*</small><small> / </small><small>70 min read</small>
- <a href="https://github.com/expo/react-conf-app?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9leHBvL3JlYWN0LWNvbmYtYXBwIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6Imdvb2RUb0tub3ciLCJzb3VyY2UiOiJ3ZWIifX0%3D">react-conf-app</a>: They open-sourced the react-conf app.<small> / </small><small>*react*</small><small> / </small><small>6 min read</small>
- <a href="https://www.jamesshore.com/v2/blog/2024/a-useful-productivity-measure?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmphbWVzc2hvcmUuY29tL3YyL2Jsb2cvMjAyNC9hLXVzZWZ1bC1wcm9kdWN0aXZpdHktbWVhc3VyZSIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJnb29kVG9Lbm93Iiwic291cmNlIjoid2ViIn19">A Useful Productivity Measure?</a>: A view on a better measure of productivity.<small> / </small><small>*productivity*</small><small> / </small><small>10 min read</small>


<Hr />

## 🧰 Tools

- <a href="https://github.com/MHNightCat/superfile?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9NSE5pZ2h0Q2F0L3N1cGVyZmlsZSIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">superfile</a>: Pretty fancy and modern terminal file manager<small> / </small><small>*cli*</small>
- <a href="https://github.com/aegir-assembly/omni-clip?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9hZWdpci1hc3NlbWJseS9vbW5pLWNsaXAiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Omniclip</a>: Open source video editing web application<small> / </small><small>*videos*</small>
- <a href="https://andyworksco.notion.site/Boring-Sound-Kit-d92a136378114eceb1898313acb673f0?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYW5keXdvcmtzY28ubm90aW9uLnNpdGUvQm9yaW5nLVNvdW5kLUtpdC1kOTJhMTM2Mzc4MTE0ZWNlYjE4OTgzMTNhY2I2NzNmMCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">!Boring Sound Kit</a>: Sounds for prototyping and play.<small> / </small><small>*sounds*</small>
- <a href="https://github.com/hugeicons/hugeicons-react?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9odWdlaWNvbnMvaHVnZWljb25zLXJlYWN0IiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">hugeicons</a>: 3,800+ free customizable stroke icons for sleek web development and design projects.<small> / </small><small>*icons*</small>
- <a href="https://github.com/hikerpig/pintora?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9oaWtlcnBpZy9waW50b3JhIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">Pintora</a>: An extensible text-to-diagrams library that works in both browser and node.js<small> / </small><small>*diagrams*</small>
- <a href="https://github.com/slevithan/awesome-regex?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9zbGV2aXRoYW4vYXdlc29tZS1yZWdleCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Awesome Regex</a>: An opinionated list of regular expression tools, tutorials, libraries, and other resources<small> / </small><small>*regex*</small>
- <a href="https://urlhaus.abuse.ch/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdXJsaGF1cy5hYnVzZS5jaC8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">URLhaus</a>: URLhaus is a project from abuse.ch with the goal of sharing malicious URLs that are being used for malware distribution.<small> / </small><small>*malware*, *abuse*</small>
- <a href="https://github.com/vadimdemedes/ink?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS92YWRpbWRlbWVkZXMvaW5rIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">Ink</a>: React for interactive command-line apps<small> / </small><small>*cli*, *nodejs*</small>
- <a href="https://imgcolorpicker.vercel.app/#/color-picker?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vaW1nY29sb3JwaWNrZXIudmVyY2VsLmFwcC8jL2NvbG9yLXBpY2tlciIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Color Picker</a>: Upload images and use an eye dropper to select your colors.<small> / </small><small>*colors*</small>
- <a href="https://mintlify.com/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vbWludGxpZnkuY29tLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJ0b29scyIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Mintlify</a>: Meet the modern standard for public facing documentation. Beautiful out of the box, easy to maintain, and optimized for user engagement.<small> / </small><small>*docs*</small>
- <a href="https://github.com/MatthewWid/better-sse?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9NYXR0aGV3V2lkL2JldHRlci1zc2UiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Better SSE</a>: Dead simple, dependency-less, spec-compliant server-side events implementation for Node, written in TypeScript.<small> / </small><small>*nodejs*, *sse*</small>
- <a href="https://github.com/quarylabs/quary?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9xdWFyeWxhYnMvcXVhcnkiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoidG9vbHMiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Quary</a>: Open-source BI for engineers<small> / </small><small>*bi*</small>
- <a href="https://higherorderco.com/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vaGlnaGVyb3JkZXJjby5jb20vIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6InRvb2xzIiwic291cmNlIjoid2ViIn19">HigherOrderCO</a>: Building the massively parallel future of computers<small> / </small><small>*runtime*</small>


<Hr />

## 🎨 Design

- <a href="https://anthonyhobday.com/sideprojects/saferules/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vYW50aG9ueWhvYmRheS5jb20vc2lkZXByb2plY3RzL3NhZmVydWxlcy8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoiZGVzaWduIiwic291cmNlIjoid2ViIn19">Visual design rules you can safely follow every time</a>: You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time.<small> / </small><small>*rules*</small><small> / </small><small>9 min read</small>
- <a href="https://lawsofux.com/articles/2024/onboarding-for-active-users/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vbGF3c29mdXguY29tL2FydGljbGVzLzIwMjQvb25ib2FyZGluZy1mb3ItYWN0aXZlLXVzZXJzLyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJkZXNpZ24iLCJzb3VyY2UiOiJ3ZWIifX0%3D">Onboarding for Active Users</a>: First time read about progressive onboarding and I like it!<small> / </small><small>*onboarding*</small><small> / </small><small>7 min read</small>


<Hr />

## 🤣 Meme

- <a href="https://twitter.com/charlespattson/status/1790676596862353453?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdHdpdHRlci5jb20vY2hhcmxlc3BhdHRzb24vc3RhdHVzLzE3OTA2NzY1OTY4NjIzNTM0NTMiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoibWVtZSIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">You think design reviews are hard? The engineers are on another level.</a>: This is great.<small> / </small><small>*reviews*</small><small> / </small><small>1 min read</small>


<Hr />

## 📚 Tutorials

- <a href="https://dev.to/siddhantkcode/implementing-concurrency-in-shell-scripts-521o?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZGV2LnRvL3NpZGRoYW50a2NvZGUvaW1wbGVtZW50aW5nLWNvbmN1cnJlbmN5LWluLXNoZWxsLXNjcmlwdHMtNTIxbyIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJ0dXQiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Implementing Concurrency in Shell Scripts</a>: Quick read if you need some advice how to run tasks in parallel in your shell script.<small> / </small><small>*cli*, *shell*</small><small> / </small><small>10 min read</small>
- <a href="https://dev.to/madsstoumann/eurovision-gradients-4fog?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZGV2LnRvL21hZHNzdG91bWFubi9ldXJvdmlzaW9uLWdyYWRpZW50cy00Zm9nIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6InR1dCIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Eurovision Gradients</a>: Gradients used in Malmö<small> / </small><small>*gradients*, *colors*</small><small> / </small><small>8 min read</small>
- <a href="https://webdeveloper.beehiiv.com/p/build-react-400-lines-code?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd2ViZGV2ZWxvcGVyLmJlZWhpaXYuY29tL3AvYnVpbGQtcmVhY3QtNDAwLWxpbmVzLWNvZGUiLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoidHV0Iiwic291cmNlIjoid2ViIn19">Build Your Own React.js in 400 Lines of Code</a>: In-depth study of React principles<small> / </small><small>*react*</small><small> / </small><small>7 min read</small>
- <a href="https://tduyng.github.io/blog/dynamic-github-profile-with-bun-typescript/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vdGR1eW5nLmdpdGh1Yi5pby9ibG9nL2R5bmFtaWMtZ2l0aHViLXByb2ZpbGUtd2l0aC1idW4tdHlwZXNjcmlwdC8iLCJwcm9qZWN0Ijoid2Vla2x5Zm9vIiwiaW5kZXgiOjMzLCJzZWN0aW9uIjoidHV0Iiwic291cmNlIjoid2ViIn19">Dynamic Github profile with Bun and Typescript</a>: Get a list of your latest blog posts automatically updated on your Github profile.<small> / </small><small>*github*, *bun*</small><small> / </small><small>8 min read</small>
- <a href="https://www.d3indepth.com/?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vd3d3LmQzaW5kZXB0aC5jb20vIiwicHJvamVjdCI6IndlZWtseWZvbyIsImluZGV4IjozMywic2VjdGlvbiI6InR1dCIsInNvdXJjZSI6IndlYiJ9fQ%3D%3D">Learn D3.js from the ground up</a>: Massive guide for D3!<small> / </small><small>*d3*</small><small> / </small><small>1 min read</small>
- <a href="https://github.com/alan2207/bulletproof-react?utm_source=weeklyfoo&utm_medium=web&utm_campaign=weeklyfoo-33&ref=weeklyfoo" target="_blank" rel="noopener" ping="https://api.weeklyfoo.com/api/foo/bar?foo=eyJldmVudCI6InVybC1jbGljayIsInByb3BzIjp7InVybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9hbGFuMjIwNy9idWxsZXRwcm9vZi1yZWFjdCIsInByb2plY3QiOiJ3ZWVrbHlmb28iLCJpbmRleCI6MzMsInNlY3Rpb24iOiJ0dXQiLCJzb3VyY2UiOiJ3ZWIifX0%3D">Bulletproof React</a>: A simple, scalable, and powerful architecture for building production ready React applications.<small> / </small><small>*react*</small><small> / </small><small>7 min read</small>


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

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