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 by Arne Bahlo / engineering / 4 min read
- Stars and Guardians: It’s all about Devs and Ops working close together. by boz / 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 by Erik Bernhardsson / 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 - by Emma Roth / wordpress / 11 min read
- Testing Frontend: Lessons from over a million lines of TypeScript at Palantir by Quentin Spencer-Harper / testing, typescript / 16 min read
- A guide to destructuring in JavaScript: Destruct all the things! by Mat Marquis / 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 by Jared T / 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. by Adam Goode / dependencies, engineering / 6 min read
- Interviewing for Evidence: Dan explains four types of evidence. by Dan North / 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. by Jonas Scholz / hetzner / 10 min read
- Evolving GitHub Issues (Public Preview): That’s some really nice additions to Github Issues! by github.blog / github / 14 min read
- Bots, so many Bots: ProductHunt has over 1 million user signups. More than 60% of those are bots. by Alan Hamlett / producthunt, bots / 8 min read
- A Local-First Case Study: The story of Waypoint as a local-first app by Jake Lazaroff / local-first / 17 min read
- CSS Masonry & CSS Grid: Quick heads up about the masonry initiative. by Geoff Graham / 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. by Myriam Frisano / svg / 27 min read
- What Your Job Ad Says About You: Stevie brings some good advice about made mistakes in job adverts. by Stevie Buckley / interview, application / 5 min read
- Tauri 2.0 Stable Release: Next major release of Tauri by Tillmann Weidinger / 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. by Robin Wieruch / react / 13 min read
- Skin-Shedding Code: Shredding code with the sledgehammer can be a helthy habit. by Thorsten Ball / engineering / 5 min read
🧰 Tools
- mitata: benchmark tooling that loves you by evan / benchmarking, cli
- Better Auth: The most comprehensive authentication library for TypeScript by better-auth.com / 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. by opensourcepledge.com / oss
- WebLLM: High-performance In-browser LLM Inference Engine by webllm.mlc.ai / llm, web
- qrframe: code-based qr code generator by Kyle Zheng / qr
- void(0): Next Generation Tooling - Our mission is to make web developers more productive than ever before. by voidzero.dev / javascript
- µExpress / Ultimate Express: The Ultimate Express. Fastest http server with full Express compatibility, based on µWebSockets. by dimden / express, server
- Superdiff: Superdiff compares two arrays or objects and returns a full diff of their differences in a readable format. by DoneDeal0 / tools
- gradient-string: Beautiful color gradients in terminal output by Boris K / cli, gradient
- ProseMirror: A toolkit for building rich-text editors on the web by prosemirror.net / editors
- Sourcebot: Blazingly fast code search by sourcebot.dev / github, gitlab, search
- Tabbied: Doodle with generated patterns by tabbied.com / patterns
- Pipet: a swiss-army tool for scraping and extracting data from online assets, made for hackers by Yo’av Moshe / scraping, cli
- TinyJS: Tiny JS is a lightweight JavaScript utility for dynamically creating HTML elements by Victor Ribeiro / javascript
- Summernote: Super simple WYSIWYG editor by summernote.org / editors
- ASCII progress indicators: Show progress in ASCII style by Frank Fiegel / progress-indicator
🎨 Design
- Design system dilemmas: similar looks, different functions: Why distinct components matter for user experience by Dean Harrison / 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. by Muhammed Ali / 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. by Preethi / 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. by Devon Govett / javascript