Stay ahead in web development: latest news, tools, and insights #53

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

🚀 Read it!

• We need more zero config tools: It just works. — Steve Jobs / engineering / 4 min read
• Stars and Guardians: It's all about Devs and Ops working close together. / devops / 4 min read

📰 Good to know

• It's hard to write code for computers, but it's even harder to write code for humans: Humans learn from examples, not from core concepts / engineering / 11 min read
• The messy WordPress drama, explained: WordPress cofounder Matt Mullenweg is going after a rival hosting firm he says is - strip-mining the WordPress ecosystem - / wordpress / 11 min read
• Testing Frontend: Lessons from over a million lines of TypeScript at Palantir / testing, typescript / 16 min read
• A guide to destructuring in JavaScript: Destruct all the things! / javascript / 14 min read
• Product Hunt isn’t dying – its become gentrified: Small time makers have been priced out by VC startups, rent seeking profiteers, and others with deep pockets / indie, launch / 3 min read
• Don't Be Afraid to Re-Invent the Wheel: Calculate how much effort it costs to implement a functionality by yourself instead of depending on a 3rd party. / dependencies, engineering / 6 min read
• Interviewing for Evidence: Dan explains four types of evidence. / leadership, interviews / 9 min read
• Getting Started with Hetzner Object Storage: Hetzner finally launched their own S3-compatible object storage, adding to their existing block storage and file storage solutions. / hetzner / 10 min read
• Evolving GitHub Issues (Public Preview): That's some really nice additions to Github Issues! / github / 14 min read
• Bots, so many Bots: ProductHunt has over 1 million user signups. More than 60% of those are bots. / producthunt, bots / 8 min read
• A Local-First Case Study: The story of Waypoint as a local-first app / local-first / 17 min read
• CSS Masonry & CSS Grid: Quick heads up about the masonry initiative. / css, grid, masonry / 13 min read
• SVG Coding Examples: Useful Recipes For Writing Vectors By Hand: Myriam Frisano explores the basics of hand-coding SVGs with practical examples to demystify the inner workings of common SVG elements. / svg / 27 min read
• What Your Job Ad Says About You: Stevie brings some good advice about made mistakes in job adverts. / interview, application / 5 min read
• Tauri 2.0 Stable Release: Next major release of Tauri / tauri, rust / 43 min read
• Types of React Components [2024]: This guide provides beginners with an overview of modern components and patterns, explaining which are still relevant and why some are no longer used. / react / 13 min read
• Skin-Shedding Code: Shredding code with the sledgehammer can be a helthy habit. / engineering / 5 min read

🧰 Tools

• mitata: benchmark tooling that loves you / benchmarking, cli
• Better Auth: The most comprehensive authentication library for TypeScript / auth
• Open Source Pledge: Whether you're a CEO, CFO, CTO, or just a dev, your company surely depends on Open Source software. It's time to pay the maintainers. / oss
• WebLLM: High-performance In-browser LLM Inference Engine / llm, web
• qrframe: code-based qr code generator / qr
• void(0): Next Generation Tooling - Our mission is to make web developers more productive than ever before. / javascript
• µExpress / Ultimate Express: The Ultimate Express. Fastest http server with full Express compatibility, based on µWebSockets. / express, server
• Superdiff: Superdiff compares two arrays or objects and returns a full diff of their differences in a readable format. / tools
• gradient-string: Beautiful color gradients in terminal output / cli, gradient
• ProseMirror: A toolkit for building rich-text editors on the web / editors
• Sourcebot: Blazingly fast code search / github, gitlab, search
• Tabbied: Doodle with generated patterns / patterns
• Pipet: a swiss-army tool for scraping and extracting data from online assets, made for hackers / scraping, cli
• TinyJS: Tiny JS is a lightweight JavaScript utility for dynamically creating HTML elements / javascript
• Summernote: Super simple WYSIWYG editor / editors
• ASCII progress indicators: Show progress in ASCII style / progress-indicator

🎨 Design

• Design system dilemmas: similar looks, different functions: Why distinct components matter for user experience / ux / 7 min read

📚 Tutorials

• How to use the Reddit API for a JavaScript application: Reddit is a news aggregation, communication, and discussion application. If you want to get more information about a particular topic or have a question, Reddit is the place to be. The data on Reddit are provided to the public through both the website and its API. / reddit / 11 min read
• How to Make a Scroll-to-Select Form Control: A scroll-to-select form control is a form control that allows users to scroll through a list of options and select one. This is a common pattern in mobile apps, but it can also be useful on the web. / css, forms / 9 min read

📺 Videos

• Bundling Past, Present, and Future: A recent talk I gave about JavaScript bundlers. It’s a bit of a history lesson, and along the way I tried to introduce what bundlers are, why you’d use one, what problems they solve, dived into how they work internally, features like code splitting and tree shaking, and discussed the vast landscape of JavaScript and web tooling out there today. / javascript

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

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