Best of TypeScript — October 2025

1
Article
Medium·28w
50 TypeScript F*ck Ups (I’ve Made So You Don’t Have To)
A comprehensive guide covering 50 common TypeScript mistakes and anti-patterns, from basic misuses like relying on 'any' and ignoring strict mode, to advanced pitfalls with generics, async operations, and type system features. Each mistake includes practical examples and actionable solutions, emphasizing proper use of type guards, utility types, discriminated unions, and runtime validation. The guide stresses that TypeScript is a modeling tool requiring deliberate type design, not just a stricter linter.
111
8
2
Article
DEV·28w
If I Had to Learn JavaScript Again: The Real Journey From 2017 to Today
A developer shares their 8-year journey learning JavaScript from 2017 to 2025, detailing the messy, non-linear path from HTML/CSS basics through a CCNA networking detour, to building production apps with React, Node.js, and TypeScript. The post provides honest insights about what actually worked: building personal projects, reading others' code, deploying everything, and spending thousands of hours coding. Includes a practical month-by-month learning roadmap, curated resources (javascript.info, Matt Pocock for TypeScript, YouTube channels), and uncomfortable truths about imposter syndrome, job hunting, and the reality that learning never stops.
92
3
3
Video
Awesome·32w
Another framework just dropped, but this one is actually different...
Ripple is a new TypeScript-first UI framework created by Dominic Gannaway (former React core team engineer and Svelte maintainer) that combines the best features of modern JavaScript frameworks. It introduces a signals-based reactivity system with simplified syntax using the @ annotation to unwrap tracked values, eliminating verbose function calls. The framework uses a component keyword with JSX-like syntax as statements rather than return values, supports reactive collections (arrays, sets, maps), and enables dynamic component rendering. Built on fine-grained reactivity principles similar to SolidJS, Ripple delivers industry-leading performance while maintaining a smoother developer experience. The framework represents a convergence of lessons learned from a decade of front-end development, emphasizing components, fine-grained reactivity, predictable side effects, and TypeScript integration.
69
12
4
Article
greenonsoftware·28w
Fixing IntelliSense Performance Issues in Nx and Turborepo
A debugging story about resolving severe IntelliSense slowdowns in an Nx monorepo. The root cause was traced to the next-intl library generating massive TypeScript union types that overwhelmed the TypeScript language server. The investigation used git bisection to narrow down when performance degraded, ruling out project size, cyclic dependencies, and configuration issues. The solution involved removing problematic type definitions, highlighting how complex type unions and generated types can create IDE performance bottlenecks in large codebases.
52
8
5
Article
Hacker News·31w
Using Deno as my game engine
A developer shares their journey building Microlandia, a city builder game with realistic simulation mechanics. After initially developing in Go, they switched to Deno combined with ThreeJS and React to solve UI and graphics challenges. Using Deno's compile feature and webview_deno, they created a cross-platform executable that runs a local server with a WebView interface. The stack provides built-in SQLite, WebSockets, and development tools, enabling hot-reload debugging and shared TypeScript types between client and server for rapid iteration.
52
1
6
Article
Reinier·30w
Full Stack AI Automation SaaS | Next.js, React, Better Auth, Polar | Full Course 2025
A comprehensive tutorial for building Nodebase, a workflow automation platform featuring a visual drag-and-drop canvas, multiple AI provider integrations (OpenAI, Claude, Gemini), trigger nodes for webhooks and third-party services, background job execution with Inngest, and a complete SaaS infrastructure including authentication with Better Auth, payment processing via Polar, error tracking with Sentry, and AI-powered code reviews using CodeRabbit. The stack includes Next.js 15, React Flow, Prisma ORM with Neon Postgres, TypeScript, and tRPC for type safety.
45
1
7
Video
Theo - t3․gg·31w
Life after TypeScript
Motion's engineering team shares their decision to migrate from TypeScript to C# after 5 years and 2.5 million lines of code. The move addresses persistent developer experience issues including slow TypeScript compilation, language server crashes, ORM limitations with Prisma/Drizzle, and React Native performance bottlenecks. While acknowledging TypeScript's strengths in enabling full-stack development and rapid iteration, the team chose C# for its mature ecosystem, Entity Framework's robust ORM capabilities, similarity to TypeScript syntax, and better AI code generation performance. The article emphasizes this isn't about runtime performance but rather codebase scaling and developer productivity at enterprise scale.
44
4
8
Video
Matt Pocock·31w
OpenAI just confused everyone again
OpenAI's new Agent Kit sparked debate about the definition of AI agents versus workflows. An agent is a loop where the LLM decides when to stop, calling tools iteratively to gain new information. A workflow uses predetermined steps with known code paths. Agents excel at improvisation and unclear solution paths (like coding assistants), while workflows are better for repetitive tasks with optimization opportunities. Most real-world systems exist on a spectrum between these patterns, combining both approaches. The distinction matters for understanding trade-offs and communicating system design effectively.
41
1
9
Article
Collections·32w
Comprehensive Guide to Becoming a Full Stack Developer
A comprehensive learning path covers web development fundamentals starting with HTML and CSS, progressing through JavaScript and modern frameworks like React.js, Node.js, and Next.js. The curriculum includes database management with SQL, TypeScript for type safety, AI engineering tools, and over 500 coding challenges. Learners build practical projects including a portfolio site and deploy applications using platforms like Netlify, with all content available through freeCodeCamp's 48-hour video course.
38
1
10
Article
Nuxt·28w
Nuxt 4.2 · Nuxt Blog
Nuxt 4.2 introduces abort control for data fetching with AbortController signals, enhanced development error pages showing both custom pages and technical overlays, and experimental TypeScript plugin support for improved DX. The release includes opt-in Vite Environment API support, a new @nuxt/nitro-server package for modular server integration, and experimental async data handler extraction that can reduce bundle sizes by up to 39% for static sites. Performance improvements include precomputed renderer dependencies and reduced package dependencies, along with fixes for route hash preservation and component auto-imports.
36
11
Video
Web Dev Simplified·29w
How To Use Shadcn’s NEW Field Component Like a Senior Dev
A comprehensive guide to migrating from Shadcn's deprecated form component to the new field component. Covers integration with React Hook Form, creating reusable form components with proper TypeScript generics, handling various input types (text, textarea, select, checkbox, dynamic arrays), error validation with Zod schemas, and building abstraction layers to reduce boilerplate code. Demonstrates practical patterns for form state management, accessibility features, and component composition in Next.js applications.
34
1
12
Article
Laravel News·29w
Laravel Nuxt UI Starter Kit
A production-ready starter kit combining Laravel backend with Vue 3, Inertia.js v2, Nuxt UI components, and Tailwind CSS v4. Features zero configuration setup, complete authentication system, TypeScript support, and pre-configured developer tools including testing and linting. Can be installed via Laravel installer or Composer with all modern architecture patterns and best practices built-in.
34
1
13
Video
Awesome·30w
Vite just got too big to ignore…
Vite has surpassed 150 million weekly downloads and become the dominant build tool for modern front-end development. Unlike Webpack's slow bundling approach, Vite leverages native ES modules to serve source files directly during development, resulting in instant server startup and near-instant hot module replacement. Its lean core philosophy delegates features to plugins while using fast native tools like esbuild and SWC for performance. The tool supports code splitting, dynamic imports, and server-side rendering out of the box, with production builds optimized through Rollup for minimal bundle sizes and efficient caching.
32
5
14
Article
This is Learning·30w
Unlock the Power of TypeScript’s infer Keyword
Explores TypeScript's infer keyword for advanced type manipulation. Demonstrates how to extract the first element's type from an array using conditional types and infer within a generic type implementation. The solution uses pattern matching with tuple destructuring to infer and return the type of the first array element, returning never for empty arrays.
32
2
15
Article
LogRocket·32w
How to use TanStack DB to build reactive, offline-ready React apps
TanStack DB is a reactive, client-side database that simplifies state management in React apps through local-first architecture, live queries, and optimistic updates. The tutorial demonstrates building a task management app using TanStack DB's SQL-like query syntax, automatic reactivity through useLiveQuery hooks, and instant UI updates without manual state management. Key features include collections for normalized data storage, differential dataflow engine for efficient updates, and seamless offline support with zero network dependency for local-only collections.
32
1
16
Video
As a Programmer·29w
React Native Tutorial for Absolute Beginners - Build a Mobile App in 2 Hours
A comprehensive beginner-friendly tutorial covering React Native and Expo fundamentals through building a full-stack to-do application. Covers essential components (View, Text, TouchableOpacity, FlatList), navigation patterns (tab and stack navigators), styling with StyleSheet, dark/light mode implementation with custom hooks and async storage, and real-time database integration with Convex. Demonstrates running apps on physical devices and simulators without requiring a Mac.
29
17
Video
JavaScript Mastery·28w
Next.js 16 Full Course | Build and Deploy a Production-Ready Full Stack App
Comprehensive tutorial covering Next.js 16 fundamentals and advanced features. Explores server and client components, file-based routing, data fetching strategies, API routes, caching mechanisms, and SEO optimization. Includes building a full-stack event booking application with MongoDB integration, image hosting via Cloudinary, analytics with PostHog, and deployment strategies. Demonstrates production-ready patterns including server actions, dynamic routing, error handling, and the new use cache directive.
28
1
18
Article
DEV·29w
Beyond the basics: 21 TypeScript features you might not know about
A comprehensive guide covering 21 advanced TypeScript features including readonly arrays with `as const`, type guards with predicates, exhaustive checking with `never`, template literal types, conditional types with `infer`, mapped type modifiers, key remapping, const type parameters, variadic tuples, and unique symbols for nominal typing. Each feature includes practical examples, use cases, and explanations of when to apply them for better type safety and developer experience.
27
19
Article
LogRocket·30w
Why is Zod so slow?
Zod's runtime interpretation architecture makes it significantly slower than AOT-compiled validators like Typia in high-throughput scenarios. While this performance gap is negligible for typical web applications, it becomes critical in systems handling billions of requests. The article explains the interpreter vs compiler trade-off and demonstrates a practical solution: using a build script to convert Zod schemas into optimized JSON Schema validators with ajv, achieving production performance while maintaining Zod's developer experience during development.
27
1
20
Article
marmelab·28w
From GraphQL to Zod: Simplifying Arte's API Architecture
Marmelab helped Arte migrate from a complex GraphQL-based backend-for-frontend to a simpler REST API architecture using Zod for runtime type validation. The original GraphQL layer, implemented in 2017 to aggregate data across multiple platforms, had evolved into a REST API that internally used GraphQL.js, creating maintenance overhead and onboarding friction. By prototyping with the most complex endpoint first, the team discovered Zod could provide the same runtime type safety as GraphQL schemas while reducing architectural complexity. Key challenges included handling runtime validation, JSON serialization gotchas with undefined values, and filtering extra properties. Advanced patterns like using merge() instead of intersection() for discriminated unions proved essential. The migration reduced cognitive load while maintaining type safety, demonstrating that architectural decisions should evolve with project needs.
27
4
21
Article
freeCodeCamp·28w
How to Build a CRUD App with TanStack Start and TanStackDB (with RxDB Integration)
Learn to build a full-stack CRUD todo application using TanStack Start, TanStackDB, and RxDB for local-first data persistence. The guide covers setting up a reactive database client with IndexedDB storage, creating collections with schemas, implementing CRUD operations, and building a React frontend. It also compares TanStack Start with Next.js and Remix, highlighting its modular architecture, Vite-powered performance, and deep TypeScript integration for developers seeking flexibility without framework conventions.
26
22
Article
Product Hunt·28w
Metorial: The open source integration gateway for AI agents.
Metorial is an open-source integration platform that enables AI agents to connect with 600+ services through MCP (Model Context Protocol). It provides Python and TypeScript SDKs, one-line OAuth implementation, serverless deployment for custom MCP servers, and built-in observability. The team also released Starbase, a browser-based testing tool for MCP servers that allows developers to test integrations in real conversations with Claude or ChatGPT without any setup.
26
1
23
Article
The New Stack·28w
New Open Source Tool from Angular Scores Vibe Code Quality
Google's Angular team released Web Codegen Scorer, an open source tool that evaluates AI-generated frontend code quality. The tool tests LLM-generated applications against framework best practices, accessibility standards, and security vulnerabilities, providing developers with a 0-100 score. Originally created to settle internal debates about which LLM best implements Angular, the scorer helped the team identify common failure patterns and improve their framework. It includes pre-configured environments for Angular and Solid.js, with support for other frameworks through custom prompts. The tool integrates with AI-enabled IDEs and agents to guide better code generation.
18
24
Article
Vuejs&Nuxtjs·29w
Vue School's Free Weekend
Vue School is offering free access to their entire course library for 48 hours on November 8-9. The collection includes over 80 courses covering Vue.js fundamentals, Nuxt, TypeScript, Tailwind, Pinia, Vue Router, and practical topics like authentication, shader effects, and file uploads. Learners can study at their own pace and access source code for hands-on practice.
18
25
Article
LogRocket·31w
When to Use Zod, TypeScript, or Both: A Developer’s Guide
A practical guide comparing TypeScript's compile-time type checking with Zod's runtime validation capabilities. Explores when to use each tool independently or together to build type-safe applications while avoiding redundant validation logic. Helps developers make informed decisions about their validation strategy based on project requirements.
17

See all TypeScript archives