Stay ahead in web development: latest news, tools, and insights #67
weeklyfoo #67 is here: your weekly digest of all webdev news you need to know! This time you'll find 39 valuable links in 6 categories! Enjoy!
Signup here for the newsletter to get the weekly digest right into your inbox.
weeklyfoo #67 is here: your weekly digest of all webdev news you need to know! This time you'll find 39 valuable links in 6 categories! Enjoy!
🚀 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 by Gergely Orosz, Addy Osmani / llms, ai, engineering / 26 min read
- 1-billion row challenge with Node.js: Great read if you want to know how to speed up your code. by Jacky Efendi / performance / 14 min read
📰 Good to know
- React Design Patterns: Instance Hook Pattern: Use this pattern to create reusable components with controlled behavior. by Sahaj Jain / react / 6 min read
- You don't need Next.js: We migrated the ComfyDeploy dashboard from Next.js to just React by BennyKok / react, nextjs / 6 min read
- Reflections: Sam Altman reflects about OpenAI and ChatGPT by Sam Altman / openai / 11 min read
- printf debugging is OK: Primary goal is to find a bug. by Alex Dixon / debugging / 8 min read
- 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. by Simon Willison / llms / 38 min read
- First impressions of Ghostty: Experience with Ghostty of a happy user by Jonas Hietala / terminal / 6 min read
- 2025 Tech Predictions: Technology and related predictions for 2025. by blogs.newardassociates.com / predictions / 33 min read
- Node.js Now Supports TypeScript By Default: Finally! by Matt Pocock / nodejs, typescript / 5 min read
- Announcing: @smoores/epub: npm package to work with epub files. by Shane Friedman / epub / 10 min read
- 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. by Steve Kinney / databases / 10 min read
- Understanding GitHub Actions Working Directory: Manage the working directory in github actions. by John Ajera / github / 8 min read
- The future of htmx: Outlook for htmx by Carson Gross, Alex Petros / htmx / 6 min read
- 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. by Adam Rackis / tanstack / 19 min read
- What makes strong engineers strong?: TLDR: Self-belief, Pragmatism, Speed, Technical ability by Sean Goedecke / career, engineering / 6 min read
- 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. by risingstars.js.org / javascript / 32 min read
- pnpm 10: Next major version of pnpm by pnpm / pnpm / 9 min read
- Docusaurus 3.7: Next minor version of Docusaurus. by Sébastien Lorber / docs / 5 min read
- 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. by Mateusz Goślinowski / haskell, javascript / 15 min read
🧰 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. by loglayer.dev / 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. by Yoav Sabag / css, flexbox
- Colorspace: Colorspace is a tool for generating consistent and predictable color swatches. by Seán Halpin / colors
- boardgame.io: State Management and Multiplayer Networking for Turn-Based Games by boardgame.io / games, state
- 21st.dev: npm for design engineers: curated collection of best shadcn ui style react tailwind components, blocks and hooks by 21st.dev / ui
- awesome-speaking: A collection of awesome resources about public speaking. Please read the contributing guideline if you wish to contribute. by Matteo Figus / speaking
- Toolfolio: All the tools you need in one place by toolfolio.io / gallery
- Release It!: Automate versioning and package publishing by release-it / ci
- How's It Looking: Quickly see how your website's link appears on social media, texts, and other sharing platforms. by Osman Ali / social
- Type Scale Generator: Generate type styles by landin.gs / css, tailwind
- React Leaflet: React components for Leaflet maps by Paul Le Cam / maps, react
- postal-mime: Email parser for browser and serverless environments by Postal Systems / email
- T3 Chat: The fastest AI chatbot by ping.gg / ai
🎨 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. by Cosima Mielke / css / 19 min read
- 7 Hottest UI Component Libraries of 2025 - Copy and Paste: Of course shadcn is in! by designerup.co / ui / 11 min read
🤪 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). by boba / games / 11 min read
📚 Tutorials
- Best Happy New Year animation using HTML and CSS: Bit late, nevertheless nice to learn how they've been made. by Jon Snow / animations / 4 min read
- Animate hero elements with scroll-driven CSS animations: Very nice looking effect! by Stefan Judis / css / 15 min read
- Balancing Text In CSS: How to make text look more balanced by Ahmad Shadeed / css / 15 min read
Want to read more? Check out the full article here.
To sign up for the weekly newsletter, visit weeklyfoo.com.