Best of TypeScriptApril 2025

  1. 1
    Video
    Avatar of mattpocockMatt Pocock·1y

    Zod 4 is CRAZY

    Zod 4, a popular schema validation library, introduces significant improvements including enhanced performance in TypeScript, faster string, array, and object parsing, and reduced bundle size. New features include Zod Mini for front-end optimization, JSON schema conversion, a schema registry, and an interface for defining object types. Additionally, it provides validation for file instances, a global translation API for error messages, and prettier error printing.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Build RAG AI Agents with TypeScript

    Learn how to build a Retrieval-Augmented Generation (RAG) AI agent using TypeScript and Langbase SDK. This comprehensive tutorial covers setting up your project, creating AI memory for storing and retrieving context, uploading documents, adding API keys, and generating responses using LLMs like OpenAI. By the end, you'll have a context-aware AI agent capable of handling complex tasks and queries with precision.

  3. 3
    Article
    Avatar of hnHacker News·1y

    bhvr

    bhvr is a modern and lightweight fullstack repository for building web applications using Typescript. It integrates Bun for a JavaScript runtime and toolkit, Hono for a fast web framework, Vite for frontend tooling, and React for UI components. This stack aims to provide an alternative to traditional options like Node.js, Express, and Webpack, offering speed, portability, and minimal vendor lock-in.

  4. 4
    Video
    Avatar of wdsWeb Dev Simplified·1y

    Every Senior Developer Needs To Know This!

    Understanding and implementing background jobs or job queuing systems can significantly optimize server performance by offloading non-critical tasks from the main request flow. This concept allows tasks such as sending emails or saving information to a file-based system to be processed in the background, reducing the wait time for users. The post explains the architecture and implementation of a Redis-based job queue system, including priority handling, delayed jobs, and retry mechanisms.

  5. 5
    Article
    Avatar of communityCommunity Picks·1y

    Laravel Wayfinder

    Laravel has introduced Wayfinder, a new package that enables the generation of fully-typed, importable TypeScript functions for controllers and named routes, streamlining integration between Laravel backends and TypeScript frontends. This tutorial demonstrates setting up Wayfinder in a Laravel project, creating necessary models, controllers, routes, and generating TypeScript definitions. Wayfinder simplifies maintaining type-safe routes, improving the developer experience in full-stack Laravel applications.

  6. 6
    Article
    Avatar of huggingfaceHugging Face·1y

    Tiny Agents: a MCP-powered agent in 50 lines of code

    Discover how to implement a small and powerful AI agent using Model Context Protocol (MCP) in just 50 lines of code. The post covers the integration of MCP with large language models (LLMs) to create agentic AI, featuring JavaScript and TypeScript components with Hugging Face's SDKs and tools. It also demonstrates the use of MCP servers and shows how tools can be utilized within an LLM inference client.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Build Autonomous Agents using Prompt Chaining with AI Primitives (No Frameworks)

    Autonomous agents are AI systems capable of making decisions and taking actions independently using large language models (LLMs), tools, and memory. This tutorial emphasizes building these agents using AI primitives without relying on heavy frameworks. By leveraging Langbase’s agentic architecture called prompt chaining, tasks are segmented into sequential prompts, enhancing the ease of debugging and output quality. It walks through setting up a TypeScript Project with Langbase SDK to create a prompt chaining agent for transforming raw product descriptions into refined marketing copy.

  8. 8
    Article
    Avatar of communityCommunity Picks·1y

    VERT-sh/VERT: The next-generation file converter. Open source, fully local* and free forever.

    VERT is an open-source, next-generation file conversion utility that runs locally on your device using WebAssembly. It supports multiple file formats without size limits and has a user-friendly interface built with Svelte. The project can be run locally or via Docker, and there are instructions for both methods available. The tool ensures privacy by allowing self-hosting for local functionality, although non-local video conversion is also available. The code is licensed under the AGPL-3.0 License.

  9. 9
    Video
    Avatar of mattpocockMatt Pocock·1y

    Build An MCP Server In 5 Prompts // Vibe Coding That Doesn't Suck

    Learn how to build an MCP server in Typescript using AI-assisted development in just five prompts. This guide covers setting up the server, integrating it with GitHub using OctoKit, converting it to SSE with Express, and structuring your codebase effectively. The emphasis is on planning, documentation, and leveraging AI to streamline development tasks.

  10. 10
    Video
    Avatar of developedbyeddevelopedbyed·1y

    Why do we need JSON.stringify and parse?

    Understanding how servers communicate through data serialization and deserialization is crucial for programmers. The JSON.stringify and parse methods in JavaScript help convert complex data structures into a JSON format that can be transmitted and later reconstructed. This allows seamless data transfer between different systems. However, these methods have limitations, such as inability to handle types like functions, undefined, and certain circular structures. Tools like super JSON provide enhanced functionality to address some of these issues.

  11. 11
    Article
    Avatar of piccalilliPiccalilli·1y

    Advanced TypeScript manipulation features for the real world

    Jordan Seiler explores advanced TypeScript features, focusing on their practical application in a home monitoring system. The post delves into indexed access types, the keyof operator, generic types and bounds, as well as mapped types, providing valuable examples and insights for creating robust and maintainable data models.

  12. 12
    Article
    Avatar of infoworldInfoWorld·1y

    The programming language wars

    Programming language wars often involve heated debates about which language is superior. Nick Hodges reflects on the historical rivalry between Delphi and Visual Basic and notes that while such disputes are common today, a definitive answer on the best language is elusive. He emphasizes the importance of choosing a language that works best for an individual's needs and dismisses the notion of a universally superior language.

  13. 13
    Article
    Avatar of fermyonFermyon·1y

    Routing in Spin Apps with Hono

    Explore how to use the Hono Router to build efficient and maintainable HTTP APIs with Spin and TypeScript. This post covers updating Spin templates, creating a new Spin app with the Hono Router, utilizing middleware, and implementing routes. It includes steps to compile and run your Spin application and configure necessary permissions for a key-value store. The API is tested using curl commands.

  14. 14
    Article
    Avatar of communityCommunity Picks·1y

    All Design Pattern Javascript/Typescript You Must Know

    Learn how to effectively utilize various design patterns such as Composite, Decorator, Adapter, Bridge, Façade, and Proxy in JavaScript and TypeScript. The post provides practical examples and best practices for API-driven development and clean architectural solutions.

  15. 15
    Article
    Avatar of sentrySentry Engineering·1y

    Building a Product Tour in React

    Learn how to create a performant and flexible in-app product tour using React. This guide covers defining key terms, designing an effective tour, and implementing it with React Context and TypeScript. It also addresses optimizing performance and ensuring flexibility for future enhancements. The final solution aims to make onboarding easier while respecting user time and maintaining high standards of UI/UX design.

  16. 16
    Article
    Avatar of communityCommunity Picks·1y

    The Next-Generation Visual Builder for WordPress

    Clutch is a next-generation visual builder for WordPress that offers professional creators complete design and functional freedom. It features extensive styling options, real-time collaboration, seamless integration with essential plugins, and advanced optimization for site performance using Next.js and Vercel. Clutch supports custom component creation with TypeScript and React, ensuring powerful functionality without performance compromises.

  17. 17
    Article
    Avatar of twirThis Week In React·1y

    This Week In React #231: React Labs, Compiler, React Router, Next.js, TanStack Query, c15t, RTK, Base UI

    This week, React Labs introduces View Transitions and Activity features for client-side UI animations, along with updates on potential IDE extensions, fragment refs, and a concurrent store. React Compiler is now in Release Candidate, offering Babel-free builds. Highlights from the community include performance tips for Next.js, feature updates in Redux Toolkit 2.7, and the beta release of Base UI 1.0 alpha-8. React-Native updates include improvements to Legend List for infinite lists and React Native Brownfield 1.0 supporting SwiftUI and Jetpack Compose.

  18. 18
    Article
    Avatar of twirThis Week In React·1y

    This Week In React #228: React 19.1, Next.js deployment, React-Email, Triplex, Tinybase, Rspack, i18n-check, React-Admin

    React 19.1 introduces better error handling and deeper integration with Server Components in Parcel. Tailwind CSS 4.1 is coming soon. The React Native community sees the release of React Native 0.79 Golden RC and updates to ExecuTorch with new AI features. Notable mentions include Tinybase 6.0, React-Admin 5.7, and Rspack 1.3. Updates also highlight implications for Xcode 16.3 and new features in WebKit's Safari 18.4.

  19. 19
    Article
    Avatar of lnLaravel News·1y

    Laravel Wayfinder Public Beta

    Laravel Wayfinder is a new first-party package that bridges routes between the Laravel backend and TypeScript frontend, allowing for automatic TypeScript function generation for controllers and routes. The package simplifies the process of consuming Laravel routes on the front end by eliminating the need for hardcoded URLs and manual syncing of backend changes. It integrates with Vite for automatic updates and supports both Inertia and conventional forms.

  20. 20
    Video
    Avatar of jherrJack Herrington·1y

    Better-Auth: Headless Authentication for Your TanStack Start App

    Learn how to add authentication to a TanStack Start application using Better-Auth. This guide covers the setup process, including signing in and out, authenticating routes, and handling API and TRPC routes. The tutorial also explains how to set up social logins with GitHub and discusses creating secure routes and server functions.

  21. 21
    Article
    Avatar of logrocketLogRocket·1y

    TypeScript is going Go: Why it’s the pragmatic choice

    TypeScript is undergoing a significant transformation by porting its compiler to Go for TypeScript 7. This shift aims to drastically improve performance in areas like build times and development experience in VS Code. While the TypeScript language and its syntax will remain unchanged, the type checker, compiler, and language services are expected to become significantly faster. However, this move raises concerns about reduced direct feedback from the TypeScript team using the language and potential changes in tooling that relies on internal TypeScript APIs.

  22. 22
    Article
    Avatar of codebayCodeBay - The Developer's Haven·1y

    My TypeScript Journey – A Week of Insights 🚀

    The author shares their first week's experience learning TypeScript, highlighting key insights such as the benefits of variables like let and const over var, the advantages of classes, and how arrow functions solve the 'this' problem. They explain why TypeScript is a game-changer for large projects due to static typing, better code organization, and an improved developer experience. Despite personal challenges affecting their learning routine, the author stresses the importance of consistency and looks forward to applying their new knowledge in a project next week.

  23. 23
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Use TypeSpec for Documenting and Modeling APIs

    TypeSpec is an open-source declarative language developed by Microsoft designed to describe and model APIs. It offers a modern syntax close to TypeScript, enabling the automatic generation of OpenAPI, JSON Schema, or Protobuf specifications, along with server and client code. TypeSpec emphasizes clarity, reusability, productivity, consistency, and scalability in API design and integrates with tooling like Visual Studio Code. Unlike traditional tools like Swagger, TypeSpec writes API designs in a domain-specific language first, then generates all necessary artifacts, maintaining high standards for large-scale API design. The guide also compares TypeSpec with other API documentation tools, highlights best practices for structuring TypeSpec projects, and offers complete examples of using TypeSpec to create and manage APIs.

  24. 24
    Article
    Avatar of css_tricksCSS-Tricks·1y

    Crafting Strong DX With Astro Components and Typescript

    Bryan Robinson shares ways to enhance developer experience (DX) when working with Astro components using TypeScript. By implementing type-checking and dynamic props, developers can make their components more intuitive and error-resistant. Highlights include setting up a basic Astro project, creating dynamic HTML elements, and incorporating custom props and HTML attributes with TypeScript to ensure consistency and prevent mistakes.

  25. 25
    Article
    Avatar of twirThis Week In React·1y

    This Week In React #229: React Conf, React Router, Next.js Adapters, Redwood, Apollo, Fastify, Vite, Waku

    This week's React newsletter covers major highlights including the announcement of React Conf 2025, the release of React Native 0.79 with significant performance improvements, and the official support for Next.js deployment adapters by Vercel. Additionally, RedwoodJS introduces RedwoodSDK, Fastify releases a new React integration package, and Apollo Client's integration for Next.js becomes stable. The newsletter also features updates on various tools and libraries in the React ecosystem such as React Router, Vite, and Tailwind CSS.