urban weekly #67

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 hot

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 hot

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 hot

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 hot

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 hot

1-billion row challenge with Node.js - Great read if you want to know how to speed up your code. performance hot

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 hot

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 hot

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

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

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 hot

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 hot

Balancing Text In CSS - How to make text look more balanced css