urban weekly #38

Good code is rarely read - Write code that is rarely read! engineering

enforcing accessibility best practices with automatically-generated ids - So you don't have to think about all the ids again. engineering

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. email, spf, dkim, dmarc

36 questions to fall (back) in love with tech - Divided into three sets, worth quickly reading it! career hot

htmx 2.0.0 has been released! - Next major version of htmx frameworks

The Documentation Tradeoff - A little, sure, but be careful about more docs

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. license

The Threads API is finally here! - Threads API is now available to all developers. threads, meta

GitHub Copilot Workspace Review - Ouch - big fail in this review. github

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. passkeys

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. sqlite

Why experienced developers struggle to land jobs - A view on what experienced devs can do to land a job. career

State of JavaScript 2023 - Results of the popular annual JS survey. javascript, survey

Live types in a TypeScript monorepo - Propagate type changes to other code locations. monorepo

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. mobx, react hot

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. learning hot

Common design patterns at Stripe - Best practices from Stripe engineering

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! twitter, x

This new video setup is so freaking cool. - I'm loving it. Will try it out this week! remotion, codehike, twoslash hot

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. productivity hot

uikit - user interfaces for react-three-fiber react

mistral.rs - Blazingly fast LLM inference. llm

huly - All-in-One Project Management Platform (alternative to Linear, Jira, Slack, Notion, Motion) projects

Eicrud - A CRUD/Authorization framework based on NestJS. Get your CRUD app up and running in no time! typescript

tsx - TypeScript Execute - The easiest way to run TypeScript in Node.js typescript hot

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. transitions

React tag Autocomplete - A simple, accessible, tagging component ready to drop into your React projects react, tags

React Native background service - React Native background service library for running background tasks forever in Android & iOS. react-native

EntityCode - A Clear and Quick Reference to HTML Symbol Entities Codes html

api-fiddle - API Fiddle is a playground for REST(ish) APIs. Design endpoints and specifications for technical documents. apis

JSON Editor - A web-based tool to view, edit, format, and validate JSON json, editor hot

es-toolkit - A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash. tools

Rooster - roosterjs is a framework-independent javascript rich text editor. editors

regex - Context-aware regex template tag with advanced features and best practices built-in regex

CyberChef - The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis tools

Eidos - Offline Alternative to Notion Eidos is an extensible framework for managing your personal data throughout your lifetime in one place hot

Farm - Farm is a Rust-Based Web Building Engine to Facilitate Your Web Program and JavaScript Library bundler

The Color Dot Font - In the font, each Latin character is replaced with a circle of a certain color. fonts hot

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. creativity

Dual Publishing ESM and CJS Modules with tsup and Are the Types Wrong? - Thanks John! typescript

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. chrome, speculation-rules hot

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. spreadsheets, react, node

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. webgl, blur

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. astro

3D in TypeScript using Ray Casting - See how to use ray casting to create 3D objects with TypeScript. 3d

10 Years of Independent OSS - A Retrospective - JSNation 2024 oss hot

htmx Is Pro-JavaScript - JSNation 2024 htmx

Install Nothing - App UIs With Native Browser APIs - JSNation 2024 browser-api