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