Best of TypeScript — July 2025

1
Article
freeCodeCamp·42w
How to Use AI Effectively in Your Dev Projects
A practical guide demonstrating how to leverage AI tools like ChatGPT and Gemini throughout the entire development process, from initial project planning and wireframing to code generation and refactoring. The author walks through building a car rental website, showing how AI can handle boilerplate code, UI design, and project structure while emphasizing that developers still need to review, refactor, and architect properly for production-ready applications.
176
6
2
Article
Collections·43w
Building MCP Servers and Clients From Scratch: A Comprehensive Guide
Model Context Protocol (MCP) is a communication framework for AI client-server interactions built around four components: tools, resources, prompts, and samplings. The guide covers building MCP servers and clients using TypeScript with Node.js, including integration with GitHub Copilot and debugging with MCP Inspector. It also explores .NET 10's native MCP support for creating AI assistant extensions, featuring weather and random number tools, with streamlined publishing to NuGet for community distribution and dependency management.
138
3
Video
As a Programmer·41w
React Native Bootcamp in 30 HOURS for FREE 🎉
A comprehensive 30-hour React Native bootcamp that teaches mobile development through building six practical applications including a Twitter clone, recipe app, expense tracker, bookstore app, Instagram clone, and a full-stack todo application. The course covers React Native fundamentals, navigation, authentication, database integration, and deployment, designed for complete beginners with no prior mobile development experience.
135
3
4
Article
TypeScript.TV·44w
Goodbye JSON Schema: Typing JSON with JSON Structure
JSON Structure emerges as a modern alternative to JSON Schema, designed specifically for AI-driven development workflows. Unlike JSON Schema's validation-focused approach, JSON Structure offers strongly typed data definitions with precise numeric types (int32, uint64, decimal), native support for collections like sets and maps, and semantic extensions for physical units and currencies. The new IETF standard enables better code generation, cleaner inheritance patterns through $extends, and more accurate AI output validation, making it particularly valuable for LLM-integrated APIs and structured data generation.
121
3
5
Article
Nuxt·43w
Announcing Nuxt 4.0 · Nuxt Blog
Nuxt 4.0 introduces a stability-focused major release with improved developer experience through cleaner project organization using the new app/ directory structure, smarter data fetching with better useAsyncData and useFetch functionality, enhanced TypeScript support with separate project contexts, and faster CLI performance with native file watching and socket-based communication. The upgrade includes breaking changes but maintains backward compatibility for existing projects, with migration tools and detailed upgrade guides available to ease the transition.
119
3
6
Article
Hacker News·45w
stan-smith/OpenFLOW: Make beautiful isometric infrastructure diagrams
OpenFLOW is an open-source Progressive Web App for creating isometric infrastructure diagrams that runs entirely in the browser. Built with React and TypeScript, it features auto-save functionality, offline support, privacy-first local storage, and import/export capabilities. The tool allows users to drag and drop components, create connections, and customize diagrams with colors and labels. It supports keyboard shortcuts, works across modern browsers, and can be deployed to any static hosting service.
106
4
7
Article
Bytes by ui.dev·44w
The great SQLite rewrite
Turso has released an alpha version of their Rust-based SQLite rewrite, addressing modern application needs like concurrent writes, async APIs, and vector search that the original SQLite doesn't handle well. The rewrite maintains SQLite's reliability while adding features for AI applications and real-time workloads. The newsletter also covers various JavaScript/TypeScript tools including zshy build tool, TanStack Start's Selective SSR, and a code example demonstrating object mutation issues in data processing.
79
5
8
Video
Dreams of Code·41w
Better Auth is so good that I **almost** switched programming languages
Better Auth is a TypeScript authentication library that offers comprehensive features like two-factor authentication, organizations, and payment integrations through plugins. While the author prefers Go for backend development, Better Auth's capabilities are compelling enough to consider switching languages. The tutorial demonstrates how to integrate Better Auth with a Go backend using JWT tokens, covering token generation, verification with JWK endpoints, and different approaches for authenticated requests including client-side caching and server-to-server proxying through Next.js.
74
3
9
Article
Collections·42w
Comprehensive TypeScript Crash Course for Beginners
A comprehensive one-hour TypeScript crash course covering fundamental concepts like type annotations, static typing, generics, interfaces, classes, and enums. The course includes practical setup instructions, hands-on examples, and debugging techniques to help beginners integrate TypeScript into their development workflow.
73
2
10
Video
ThePrimeTime·44w
WTF Typescript
A deep dive into TypeScript's quirky behaviors and advanced features, covering excess property checks, enum inconsistencies between string and numeric values, type narrowing issues with array filtering, object type differences, and performance optimization challenges in large codebases. The discussion explores why developers often prefer const objects over enums, demonstrates TypeScript's Turing completeness through complex type-level programming, and highlights the difficulties of debugging TypeScript compiler performance bottlenecks.
72
5
11
Article
TypeScript.TV·43w
Why Write Validation Logic When Zod Can Do It Better?
Zod is a TypeScript-first validation library that provides type-safe runtime validation with minimal boilerplate code. It offers features like safeParse for non-throwing validation, composable schemas for reusability, and automatic TypeScript type inference. Compared to manual validation approaches, Zod reduces repetitive code, improves maintainability, and provides a more declarative way to define data structures while ensuring both compile-time and runtime safety.
60
4
12
Article
Typescript·44w
Announcing TypeScript 5.9 Beta
TypeScript 5.9 Beta introduces several key improvements including a streamlined tsc --init that generates cleaner configuration files with modern defaults, support for ECMAScript's import defer syntax for deferred module evaluation, a stable --module node20 option for Node.js v20 compatibility, enhanced DOM API documentation with summary descriptions, expandable hover tooltips in editors, configurable hover length limits, and performance optimizations for type instantiation caching and file existence checks.
57
13
Article
Atomic Spin·42w
3 TypeScript Tips You Should Know About
Three TypeScript utility techniques to improve code readability: Pick and Omit for creating derived types by selecting or excluding properties from existing types, and Prettify for flattening complex type intersections in IDE hover displays. These utilities help maintain type relationships and make complex type definitions more readable during development.
42
3
14
Article
Architecture Weekly·41w
Workflow Engine design proposal, tell me your thoughts
A design proposal for a workflow engine built on event sourcing principles that provides durable execution for multi-step business processes. The engine uses event streams as both inbox and outbox for workflow instances, enabling natural recovery, observability, and testing. Unlike complex tools like Temporal, it follows familiar patterns with decide/evolve functions, making simple workflows easy to write while keeping advanced features available when needed.
38
15
Video
ByteGrad·43w
Learn Next.js 15 In 12 Minutes
A comprehensive walkthrough of Next.js 15 covering project setup, routing with the app router, server and client components, data fetching, server actions for mutations, middleware, static generation, and deployment using Coolify on a VPS. Demonstrates building a blog application from scratch with database integration using Prisma, form handling, and production optimization techniques.
38
16
Article
InfoWorld·44w
What you absolutely cannot vibe code right now
Large language models excel at generating repetitive, well-understood code like CRUD applications and web development, but struggle significantly with algorithmic problems and novel implementations. Through practical experience porting a patch system from Python to TypeScript, the author demonstrates that LLMs fail at medium to hard difficulty problems where they cannot rely on well-known templates. While LLMs are valuable tools for routine development tasks, they require human oversight and cannot autonomously handle complex algorithmic design or domains with limited training examples.
38
6
17
Article
Community Picks·45w
stan-smith/FossFLOW: Make beautiful isometric infrastructure diagrams
FossFLOW is an open-source Progressive Web App for creating isometric infrastructure diagrams. Built with React and TypeScript, it offers offline support, auto-save functionality, and privacy-first local storage. The tool allows users to drag and drop components, create connections, and export diagrams as JSON files. It can be installed as a native app and works entirely in the browser without requiring server connectivity.
33
18
Article
Vercel·41w
AI SDK 5
AI SDK 5 introduces major improvements including type-safe chat integration for React, Vue, Svelte, and Angular with separate UI and model messages for better state management. Key features include agentic loop control with stopWhen and prepareStep functions, experimental speech generation and transcription, enhanced tool capabilities with dynamic tools and provider-executed functions, and full-stack type safety. The release also adds data parts for streaming custom typed data, message metadata support, SSE streaming, and Zod 4 compatibility while maintaining the unified provider API for seamless model switching.
32
1
19
Video
JavaScript Mastery·43w
Build an Enterprise Ready AI Powered Applicant Tracking System
A comprehensive tutorial for building an AI-powered resume analyzer using React, TypeScript, and Puter.js. The application allows users to upload resumes, compare them against job descriptions, and receive AI-generated feedback with ATS scores. Features include serverless architecture with zero infrastructure costs, free AI integration (GPT, Claude, Grok), secure file storage, and responsive UI design. The tutorial covers authentication, file uploads, state management with Zustand, and modern React patterns including React Router v7.
32
20
Article
Web Tools Weekly·43w
Web Tools #626 -
A curated collection of web development tools and resources including React component libraries, UI frameworks, build tools, static site generators, and CMS solutions. Features tools like MCP Boilerplate for Cloudflare servers, Spectrum UI with 250+ animated components, Basecoat component library for any web stack, and various Eleventy and Astro templates for documentation sites.
28
21
Article
Telerik·43w
Learning NestJS Part 1: Getting Started
A beginner-friendly guide to building your first NestJS application. Covers installation of Node.js and Nest CLI, project scaffolding, creating controllers and services, implementing GET and POST endpoints, and using dependency injection. The tutorial uses a JavaScript array for data storage and demonstrates basic CRUD operations through practical examples.
23
22
Article
Platformatic·42w
Platformatic MCP Overview
Platformatic introduces @platformatic/mcp, a production-ready Fastify adapter for the Model Context Protocol that enables horizontal scaling, type safety, and enterprise-grade reliability. The package supports multiple transports (HTTP/SSE and stdio), Redis-backed session management, automatic reconnection with message replay, and complete TypeScript definitions. It addresses the gap between development-focused MCP implementations and production requirements by providing high availability, session persistence, and cross-instance message broadcasting for scalable AI applications.
21
23
Article
This is Angular·41w
Senior Angular Interview Questions
A comprehensive collection of technical interview questions for senior Angular developers, covering core concepts like component communication, NgZone, dependency injection, signals vs observables, RxJS operators, and change detection optimization. The questions range from fundamental Angular patterns to advanced topics like higher-order observables, resolution modifiers, and the diamond problem in reactive programming. Each question includes detailed explanations and code examples to help assess deep framework knowledge and problem-solving abilities.
20
24
Article
Bun·42w
Bun v1.2.19
Bun v1.2.19 introduces significant improvements including isolated node_modules installation similar to pnpm, interactive package updates, package.json management commands, dependency tree analysis with `bun why`, enhanced test coverage options, VS Code Test Explorer integration, PostgreSQL client performance optimizations with automatic query pipelining, code-signed Windows executables, SIMD-accelerated parsing, improved bundler tree-shaking, expanded Node.js compatibility with V8 C++ API support, and numerous bug fixes across the runtime, bundler, and package manager.
20
25
Article
Hacker News·44w
A tool for managing project collaboration between humans and AI Agents in a git ecosystem
Backlog.md is an open-source, markdown-native task management tool that transforms any Git repository into a self-contained project board. It offers both terminal-based Kanban visualization and a modern web interface, with features like offline operation, AI-ready CLI commands, and cross-platform compatibility. Tasks are stored as plain markdown files within the repository, making the system completely private and version-controlled.
19

See all TypeScript archives