logo

urban weekly #38

urban weekly #38

Good to know

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

Read it! Read it! 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. productivity

Code and Tools

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
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
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
Farm - Farm is a Rust-Based Web Building Engine to Facilitate Your Web Program and JavaScript Library bundler

All about Design

The Color Dot Font - In the font, each Latin character is replaced with a circle of a certain color. fonts
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

Tutorials

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

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. 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
htmx Is Pro-JavaScript - JSNation 2024 htmx
Install Nothing - App UIs With Native Browser APIs - JSNation 2024 browser-api
weekly news
Published on 2024-06-24, last updated on 2024-07-20 by Adam
Comments or questions? Open a new discussion on github.
Adam Urban

Adam Urban is fullstack engineer, loves serverless and generative art, and is building side projects like weeklyfoo.com, flethy.com and diypunks.xyz in his free time.