urban weekly #102
weekly tech news so you don't have to read all the internet
Good to know
React Design Patterns: Instance Hook Pattern - Use this pattern to create reusable components with controlled behavior. react
You don't need Next.js - We migrated the ComfyDeploy dashboard from Next.js to just React react, nextjs
Reflections - Sam Altman reflects about OpenAI and ChatGPT openai
printf debugging is OK - Primary goal is to find a bug. debugging
Things we learned about LLMs in 2024 - A lot has happened in the world of Large Language Models over the course of 2024. Here’s a review of things we figured out about the field in the past twelve months, plus my attempt at identifying key themes and pivotal moments. llms
First impressions of Ghostty - Experience with Ghostty of a happy user terminal
2025 Tech Predictions - Technology and related predictions for 2025. predictions
Node.js Now Supports TypeScript By Default - Finally! nodejs, typescript 🔥
Announcing: @smoores/epub - npm package to work with epub files. epub
A Gentle Introduction to Using a Vector Database - In which we learn how to build a simple vector database using Pinecone and OpenAI embeddings, and discover it was way easier than we might have expected. databases
Understanding GitHub Actions Working Directory - Manage the working directory in github actions. github
The future of htmx - Outlook for htmx htmx
Introducing TanStack Start - The best way to think about TanStack Start is that it’s a thin server layer atop the TanStack Router we already know and love; that means we don’t lose a single thing from TanStack Router. tanstack
What makes strong engineers strong? - TLDR: Self-belief, Pragmatism, Speed, Technical ability career, engineering 🔥
2024 JavaScript Rising Stars - Welcome to the 9th edition of JavaScript Rising Stars, your guide to the top trends and projects shaping the JS ecosystem in 2024. javascript 🔥
pnpm 10 - Next major version of pnpm pnpm
Docusaurus 3.7 - Next minor version of Docusaurus. docs
Case Study — Using a JavaScript component inside a Haskell application - GHC since version 9.8 allows us to create callbacks from JS to Haskell code, which enables us to create full-fledged browser apps. This article shows how to use the JS backend with foreign component libraries. haskell, javascript 🔥
Read it! Read it! Read it!
How AI-assisted coding will change software engineering: hard truths - A field guide that also covers why we need to rethink our expectations, and what software engineering really is. A guest post by software engineer and engineering leader Addy Osmani llms, ai, engineering 🔥
1-billion row challenge with Node.js - Great read if you want to know how to speed up your code. performance 🔥
Code and Tools
LogLayer - A unified logger that routes logs to various logging libraries and cloud providers while providing a fluent API for specifying log messages, metadata and errors. logging 🔥
CSS Flexbox Playground - Experiment with different flex properties to understand how they affect layout. Adjust the controls below to see changes in real-time and copy the generated CSS code. css, flexbox
Colorspace - Colorspace is a tool for generating consistent and predictable color swatches. colors
boardgame.io - State Management and Multiplayer Networking for Turn-Based Games games, state
21st.dev - npm for design engineers: curated collection of best shadcn ui style react tailwind components, blocks and hooks ui 🔥
awesome-speaking - A collection of awesome resources about public speaking. Please read the contributing guideline if you wish to contribute. speaking
Toolfolio - All the tools you need in one place gallery
Release It! - Automate versioning and package publishing ci
How's It Looking - Quickly see how your website's link appears on social media, texts, and other sharing platforms. social
Type Scale Generator - Generate type styles css, tailwind
React Leaflet - React components for Leaflet maps maps, react
postal-mime - Email parser for browser and serverless environments email
T3 Chat - The fastest AI chatbot ai
All about Design
New Front-End Features For Designers In 2025 - Searching for the most flexible front-end workflows and toolkits, it’s easy to forget how powerful some of the fundamentals on the web have become these days. This post is a journey through new front-end features and what they are capable of. css
7 Hottest UI Component Libraries of 2025 - Copy and Paste - Of course shadcn is in! ui
Fun
The Gallery Experience - In this experience, you will be able to walk around and appreciate some fine art while sipping some wine and enjoying the complimentary hors d’oeuvres in the beautifully renovated and re-imagined E1M1 of id Software's DOOM (1993). games 🔥
Tutorials
Best Happy New Year animation using HTML and CSS - Bit late, nevertheless nice to learn how they've been made. animations
Animate hero elements with scroll-driven CSS animations - Very nice looking effect! css 🔥
Balancing Text In CSS - How to make text look more balanced css
Published on 2025-01-13, last updated on 2025-09-14 by Adam
Comments or questions? Open a new discussion on
github.
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.
