weeklyfoo #47 is here: your weekly digest of all webdev news you need to know! This time you’ll find 34 valuable links in 5 categories! Enjoy!
🚀 Read it!
- I’ve Built My First Successful Side Project, and I Hate It: About someone who learned the game the hard way. / startups / 26 min read
📰 Good to know
- Social media for startup founders: A practical guide to building an online presence / marketing / 25 min read
- Leaving Neovim for Zed: A journey through text editors and how I landed on Zed after years of Neovim / ide / 14 min read
- Effective Changelogs: Like your versioning scheme, your changelog is a vital and oft-overlooked method of communication to your users. Unfortunately, it’s easy to write a changelog, but hard to write a great one. / engoineering / 8 min read
- An underrated software engineering interview question: Have you ever heard of bug squash interviews? If not, then read the article! / hiring, career / 7 min read
- Toasts are Bad UX: The core problem is that toasts always show up far away from the user’s attention. / ux / 3 min read
- Enhancing TypeScript: Implementing Robust Error Handling with Result and Option / typescript / 19 min read
- Docusaurus 3.5: Next minor release of Docusaurus / docs / 6 min read
- Astro 4.14: Next minor release of Astro / astro / 8 min read
- The HONC stack: HONC is an modular collection of choice technologies for building lightweight, type-safe, edge-enabled data apis that scale seamlessly to their demand. / honc, hono, drizzle, neon, cloudflare / 4 min read
- Everything about Google Translate crashing React (and other web apps): DOM manipulation ftw! / dom, googletranslate / 21 min read
🧰 Tools
- Vanilla JSX: A case for vanilla JSX / jsx
- Dev Encyclopedia: Find out what that Sr. Developer is talking about / knowledge
- Stepperize: A library for creating step-by-step workflows in your apps / stepper, ui
- Pragtical: The practical and pragmatic code editor. / editor
- LogTape: Simple logging library with zero dependencies for Deno, Node.js, Bun, browsers, and edge functions / logger
- Isocons: Carefully crafted isometric icons / icons
- Zen Browser: Beautifully designed, privacy-focused, and packed with features. We care about your experience, not your data. / browsers
- Legend Motion: Legend Motion is a declarative animations library for React Native, to make it easy to transition between styles without needing to manage animations. / animations
- Milkdown: Plugin driven WYSIWYG markdown editor framework. / markdown
- Tagger: Zero Dependency, Vanilla JavaScript Tag Editor / tags
- tinykeys: A tiny (~650 B) & modern library for keybindings. / keybindings
- heic-to: Convert HEIC/HEIF images to JPEG, PNG in browser / images
- little-date: A friendly formatter to make date ranges small & sweet / formatter, date
- instant: The realtime client-side database / databases
- Quarkdown: Markdown with superpowers. / markdown
- Isaiah: Self-hostable clone of lazydocker for the web. Manage your Docker fleet with ease / docker
- Icons for AI: Free 16x16 icons made for AI projects! / icons
- TruffleHog: Find, verify, and analyze leaked credentials / security
🎨 Design
- How to design hand icons: The most difficult icons, hands down / hands / 6 min read
📚 Tutorials
- Implementing SAML SSO in Node.js with Microsoft Entra ID: SAML is one of the commonly used standards for implementing SSO in enterprise environments. Even though OIDC is rapidly gaining traction, not everyone supports it, or there are compliance requirements that mandate SAML. / saml, nodejs / 5 min read
- Wasp - The JavaScript Answer to Django for Web Development: Building a full stack application just got a lot easier / wasp / 23 min read
- useStateObject: A Simple, Convenient API Around useState / react, state / 3 min read
- Making a REST API typesafe with React Query and Zod: Especially zod helps you to keep your objects in the right shape. / zod, react / 6 min read