weeklyfoo #38 is here: your weekly digest of all webdev news you need to know! This time you’ll find 48 valuable links in 6 categories! Enjoy!
🚀 Read it!
- Senior Engineer Fatigue: As you move deeper into your engineering career, a peculiar phenomenon starts to set in — a phase I like to call the onset of Senior Wisdom. by Kirill Bobrov / productivity / 5 min read
📰 Good to know
- Good code is rarely read: Write code that is rarely read! by Alex Molas / engineering / 3 min read
- enforcing accessibility best practices with automatically-generated ids: So you don’t have to think about all the ids again. by Brad Frost / engineering / 5 min read
- Understanding SPF, DKIM, and DMARC - A Simple Guide: About Email security is a key part of internet communication. But what are SPF, DKIM, and DMARC, and how do they work? This guide will explain it all in simple terms to make these concepts clearer. by Nicanor II Flavier / email, spf, dkim, dmarc / 18 min read
- 36 questions to fall (back) in love with tech: Divided into three sets, worth quickly reading it! by Carly Ayres / career / 12 min read
- htmx 2.0.0 has been released!: Next major version of htmx by htmx.org / frameworks / 3 min read
- The Documentation Tradeoff: A little, sure, but be careful about more by Kent Beck / docs / 6 min read
- What happens when a major npm library goes commercial?: This edition covers the switch of a popular library to a restrictive license, Node.js performance tips, and new releases. by Matteo Collina / license / 5 min read
- The Threads API is finally here!: Threads API is now available to all developers. by Jesse Chen / threads, meta / 1 min read
- GitHub Copilot Workspace Review: Ouch - big fail in this review. by Mathew Duggan / github / 13 min read
- Why Passkey Implementation is 100x Harder Than You Think – Misconceptions, Pitfalls and Unknown Unknowns: Read about the challenges, pitfalls and misconceptions we faced while developing our passkey-first authentication solution and passkey intelligence. by Vincent / passkeys / 48 min read
- Why does SQLite (in production) have such a bad rep?: SQLite, like any other database, has its pros and cons. For the majority of applications and scales, it is perfect. You always have PostgreSQL for anything else. by avi.im / sqlite / 2 min read
- Why experienced developers struggle to land jobs: A view on what experienced devs can do to land a job. by Leandro Nuñez / career / 18 min read
- State of JavaScript 2023: Results of the popular annual JS survey. by stateofjs.com / javascript, survey / 6 min read
- Live types in a TypeScript monorepo: Propagate type changes to other code locations. by Colin McDonnell / monorepo / 14 min read
- MobX memoizes components (you don’t need React compiler): If you’re using Mobx and React, you might be tempted to use the React Compiler to auto-memoize your components. But you don’t need it. Mobx already does this for you. by Mike Johnson / mobx, react / 10 min read
- The Programmer’s Brain: Your brain responds in a predictable way when it encounters new or difficult tasks. This unique book teaches you concrete techniques rooted in cognitive science that will improve the way you learn and think about code. by Felienne Hermans / learning / 54 min read
- Common design patterns at Stripe: Best practices from Stripe by Paul Asjes / engineering / 20 min read
- Did you know that you can use the link below to ask the people who open it to follow your X account?!: Nice quick tip! by Nima Owji / twitter, x / 0 min read
- This new video setup is so freaking cool.: I’m loving it. Will try it out this week! by Matt Pacock / remotion, codehike, twoslash / 0 min read
🧰 Tools
- uikit: user interfaces for react-three-fiber by Poimandres / react
- mistral.rs: Blazingly fast LLM inference. by Eric Buehler / llm
- huly: All-in-One Project Management Platform (alternative to Linear, Jira, Slack, Notion, Motion) by huly.io / projects
- Eicrud: A CRUD/Authorization framework based on NestJS. Get your CRUD app up and running in no time! by eicrud.com / typescript
- tsx: TypeScript Execute - The easiest way to run TypeScript in Node.js by Hiroki Osame / typescript
- Transitions: Transitions are the animated changes between two pages, states or views to provide visual continuity to the user interface. Transitions can use any kind of visual effects and motion techniques like fade, slide, fold, scale, or mask transitions. by awwwards.com / transitions
- React tag Autocomplete: A simple, accessible, tagging component ready to drop into your React projects by Matt Hinchliffe / react, tags
- React Native background service: React Native background service library for running background tasks forever in Android & iOS. by Rodrigo Martín / react-native
- EntityCode: A Clear and Quick Reference to HTML Symbol Entities Codes by entitycode.com / html
- api-fiddle: API Fiddle is a playground for REST(ish) APIs. Design endpoints and specifications for technical documents. by api-fiddle.com / apis
- JSON Editor: A web-based tool to view, edit, format, and validate JSON by Jos de Jong / json, editor
- es-toolkit: A modern JavaScript utility library that’s 2-3 times faster and up to 97% smaller—a major upgrade to lodash. by es-toolkit.slash.page / tools
- Rooster: roosterjs is a framework-independent javascript rich text editor. by Microsoft / editors
- regex: Context-aware regex template tag with advanced features and best practices built-in by Steven Levithan / regex
- CyberChef: The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis by GCHQ / tools
- Eidos: Offline Alternative to Notion by documents, notion / Eidos is an extensible framework for managing your personal data throughout your lifetime in one place
- Farm: Farm is a Rust-Based Web Building Engine to Facilitate Your Web Program and JavaScript Library by farmfe.org / bundler
🎨 Design
- The Color Dot Font: In the font, each Latin character is replaced with a circle of a certain color. by andrepeat.com / fonts / 1 min read
- Ryan Todd’s 365 days of drawing delivers a witty collection of inventions, and some thought-provoking observations: The artist’s diverse collection of doodles encapsulate a year-long exploration into the practice of visual thinking. by Ellis Tree / creativity / 7 min read
📚 Tutorials
- Dual Publishing ESM and CJS Modules with tsup and Are the Types Wrong?: Thanks John! by John Reilly / typescript / 9 min read
- Blazing Fast Websites with Speculation Rules: This post introduces speculation rules, a new web platform feature that allows developers to deliver instant page navigations after the initial page load. by Umar Hansa / chrome, speculation-rules / 20 min read
- How To Use Google Sheets as a Database With React via Next.js: Choose this method over a more traditional database for one reason - data retrieval. by Paul Scanlon / spreadsheets, react, node / 29 min read
- Shape Lens Blur Effect with SDFs and WebGL: An introduction on harnessing the power of Signed Distance Fields (SDFs) to draw shapes in WebGL and create interactive effects, such as lens blur. by Guillaume Lanier / webgl, blur / 8 min read
📺 Videos
- The Future of Astro is…: Hear Fred K. Schott discuss the future of Astro, and how the web framework is innovating with new features and announcements across these three foundational primitives. by Fred K. Schott / astro
- 3D in TypeScript using Ray Casting: See how to use ray casting to create 3D objects with TypeScript. by Tsoding / 3d
- 10 Years of Independent OSS - A Retrospective: JSNation 2024 by Evan You / oss
- htmx Is Pro-JavaScript: JSNation 2024 by Carson Gross / htmx
- Install Nothing - App UIs With Native Browser APIs: JSNation 2024 by Scott Tolinski / browser-api