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!

• How to document your JavaScript package: Lots of tipps how to use JSDoc properly. / docs / 18 min read

📰 Good to know

• 100,000 Stars: 100,000 Stars is an interactive visualization of the stellar neighborhood created for the Google Chrome web browser. / stars / 1 min read
• Protecting your email address via SVG instead of JS: Interesting approach to protect your email address. / email, svg, protection / 4 min read
• Simple Implemention to Understand worker_threads in NodeJS: Illustration how to make use of multiple cores with NodeJS / workers, nodejs / 7 min read
• State of HTML 2023: Annual html survey results / html, survey / 6 min read
• A nice way to render Markdown in React apps: Pretty cool if you don't want to add another dependency to your project to render Markdown. / markdown, react / 3 min read
• Announcing the Web Platform Dashboard: Web platform mapped to a set of features. / browsers / 5 min read
• Death to the sidebar!: Didn't know about that, and now I can't without! / vscode / 1 min read
• Is This Project Still Maintained?: Insights from a project maintainer. / projects / 11 min read
• Idea List: Good ideas for your next side hustle. / ideas / 6 min read
• You probably don’t need microservices: I don't hate it (referencing the second sentence) / microservices / 9 min read
• React Compiler: This page will give you an introduction to the new experimental React Compiler and how to try it out successfully. / react / 10 min read
• Personal-scale Web scraping for fun and profit: Web scraping explained / scraping / 70 min read
• react-conf-app: They open-sourced the react-conf app. / react / 6 min read
• A Useful Productivity Measure?: A view on a better measure of productivity. / productivity / 10 min read

🧰 Tools

• superfile: Pretty fancy and modern terminal file manager / cli
• Omniclip: Open source video editing web application / videos
• !Boring Sound Kit: Sounds for prototyping and play. / sounds
• hugeicons: 3,800+ free customizable stroke icons for sleek web development and design projects. / icons
• Pintora: An extensible text-to-diagrams library that works in both browser and node.js / diagrams
• Awesome Regex: An opinionated list of regular expression tools, tutorials, libraries, and other resources / regex
• URLhaus: URLhaus is a project from abuse.ch with the goal of sharing malicious URLs that are being used for malware distribution. / malware, abuse
• Ink: React for interactive command-line apps / cli, nodejs
• Color Picker: Upload images and use an eye dropper to select your colors. / colors
• Mintlify: Meet the modern standard for public facing documentation. Beautiful out of the box, easy to maintain, and optimized for user engagement. / docs
• Better SSE: Dead simple, dependency-less, spec-compliant server-side events implementation for Node, written in TypeScript. / nodejs, sse
• Quary: Open-source BI for engineers / bi
• HigherOrderCO: Building the massively parallel future of computers / runtime

🎨 Design

• Visual design rules you can safely follow every time: 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. / rules / 9 min read
• Onboarding for Active Users: First time read about progressive onboarding and I like it! / onboarding / 7 min read

🤣 Meme

• You think design reviews are hard? The engineers are on another level.: This is great. / reviews / 1 min read

📚 Tutorials

• Implementing Concurrency in Shell Scripts: Quick read if you need some advice how to run tasks in parallel in your shell script. / cli, shell / 10 min read
• Eurovision Gradients: Gradients used in Malmö / gradients, colors / 8 min read
• Build Your Own React.js in 400 Lines of Code: In-depth study of React principles / react / 7 min read
• Dynamic Github profile with Bun and Typescript: Get a list of your latest blog posts automatically updated on your Github profile. / github, bun / 8 min read
• Learn D3.js from the ground up: Massive guide for D3! / d3 / 1 min read
• Bulletproof React: A simple, scalable, and powerful architecture for building production ready React applications. / react / 7 min read

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.