Community Picks·48wAnimate UI
Animate UI is an open-source component distribution system that provides fully animated React components built with TypeScript, Tailwind CSS, and Framer Motion. It complements Shadcn UI by offering motion-animated components that can be installed via CLI or copied directly into projects. The platform focuses on providing dynamic backgrounds, primitive animated components, and text effects rather than being a traditional library.
Telerik·49wReact Design Patterns and Best Practices for 2025
Comprehensive guide covering modern React development patterns for 2025, including function components, custom hooks, Context API, TypeScript integration, and React 19 features like useOptimistic and Server Components. Explores ecosystem tools like Next.js, Remix, Vite, and Tailwind CSS, plus enterprise UI solutions like KendoReact for building scalable, maintainable applications.
Hacker News·49wkanbn/kan: The open source Trello alternative.
Kan is an open-source project management tool that serves as a Trello alternative, featuring board visibility controls, workspace collaboration, Trello import functionality, labels and filters, comments, and activity logging. Built with Next.js, tRPC, Better Auth, Tailwind CSS, Drizzle ORM, and React Email, it offers local development setup and welcomes community contributions under the AGPLv3 license.
Community Picks·46wOpenCut-app/OpenCut: The open-source CapCut alternative
OpenCut is a free, open-source video editor designed as an alternative to CapCut, offering privacy-focused editing with timeline-based functionality, multi-track support, and real-time preview. Built with Next.js and React, it runs on web, desktop, and mobile platforms without watermarks or subscriptions. The project emphasizes keeping videos on the user's device and provides all basic editing features that are now paywalled in CapCut.
LogRocket·48wTanStack Form vs. React Hook Form
A comprehensive comparison between TanStack Form and React Hook Form for React applications. TanStack Form offers better type safety, framework-agnostic support, and advanced features for complex forms, while React Hook Form provides simpler APIs and broader community support. The choice depends on project complexity - React Hook Form for simple forms and quick setup, TanStack Form for large-scale applications requiring advanced form management capabilities.
LogRocket·48wTanStack Start vs. Next.js: Choosing the right full-stack React framework
TanStack Start and Next.js represent two different philosophies for full-stack React development. Next.js follows a server-first architecture with built-in SSR, SSG, and file-based routing, making it ideal for content-rich websites and e-commerce platforms. TanStack Start takes a client-first approach with type-safe routing, isomorphic loaders, and flexible architecture, better suited for data-intensive dashboards and interactive applications. The choice depends on project requirements: Next.js for SEO-focused, content-heavy sites with zero-config deployment, or TanStack Start for highly customizable, type-safe applications requiring granular control.
freeCodeCamp·48wThe NestJS Handbook – Learn to Use Nest with Code Examples
NestJS is a progressive Node.js framework that combines object-oriented, functional, and reactive programming paradigms to build scalable server-side applications. Built on top of Express or Fastify, it provides a structured architecture using modules, controllers, and providers with built-in dependency injection. The framework offers TypeScript-first development, decorators for routing and validation, middleware support, guards for authorization, exception filters for error handling, and interceptors for response transformation. It includes comprehensive database integration options with TypeORM, Mongoose, and Prisma, along with built-in testing capabilities and CLI tools for code generation.
freeCodeCamp·47wHow to Work with Queues in TypeScript
A comprehensive guide to implementing different types of queues in TypeScript using circular doubly linked lists. Covers simple queues, circular queues, double-ended queues (deque), and priority queues with complete code implementations. Explains FIFO principles, queue operations like enqueue/dequeue, and provides practical examples with test cases. Also discusses when to use queues versus other data structures and potential pitfalls in production systems.
The New Stack·46wNode.js 24: Your Next Big Frontend Upgrade?
Node.js 24 brings significant improvements including native TypeScript support, better ES Module compatibility, explicit resource management for automatic cleanup, and enhanced performance through V8 optimizations. Despite these advances, many developers continue using outdated versions like Node 12 and 18, creating security risks. The update addresses long-standing JavaScript challenges with resource management and introduces Watt, an application server that enables multi-threading and even PHP integration within Node.js applications.
Community Picks·46wLissy93/domain-locker: 🌐 The all-in-one tool, for keeping track of your domain name portfolio. Got domain names? Get Domain Locker!
Domain Locker is an open-source tool for managing domain name portfolios, providing centralized tracking of domain expirations, SSL certificates, DNS records, and hosting details. It offers automated monitoring with configurable notifications, detailed analytics, and supports both a managed SaaS version and self-hosted deployment via Docker. The application features a comprehensive dashboard for domain visibility, change tracking, uptime monitoring, and cost management across multiple registrars and providers.
Bytes by ui.dev·47wGoogle wants you to vibe code now
Google launched Firebase Studio, an AI-assisted development platform that builds on Project IDX with enhanced Gemini-powered features for full-stack app development. The platform offers blueprint-first prototyping, integrated Firebase services, and free access during its initial phase. Meanwhile, Postman unveiled new AI tools at POST/CON 25, including MCP server generation and agent mode for API testing. The newsletter also covers various developer resources, including TypeScript team updates, frontend testing guides, and React's 12th anniversary celebration.
Community Picks·47wanimate-ui/animate-ui: Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and u
Animate UI is an open-source component library that provides fully animated React components built with TypeScript, Tailwind CSS, and Motion. Currently in beta phase, it offers a collection of ready-to-use animated components that developers can install, modify, and integrate into their projects. The library is distributed under MIT license and includes comprehensive documentation for implementation.
Codemotion·47wAI-Ready Frontend Architecture
Frontend architecture is evolving to accommodate AI tools that generate, parse, and interpret code. The approach involves creating AI guidelines files to establish conventions, using component-driven development with tools like V0.dev and shadcn/ui, implementing the Use Case pattern to decouple business logic from UI, and employing middleware chains for cross-cutting concerns like logging and error handling. This architecture enables both humans and AI agents to collaborate effectively while maintaining code quality, testability, and scalability.
Community Picks·49wSearch Params Are State
Search parameters in web applications are often treated as second-class state despite being global, serializable, and shareable. Traditional approaches using URLSearchParams and manual string parsing are verbose and error-prone. TanStack Router addresses this by treating search params as first-class state with schema validation defined directly in route definitions, providing type safety, automatic inference, and hierarchical inheritance between parent and child routes. This approach eliminates schema duplication, prevents conflicting expectations, and ensures consistency across the application.
Hacker News·46wuseautumn/autumn: Autumn is an open-source pricing & billing platform
Autumn is an open-source billing platform that acts as a layer between Stripe and applications, enabling developers to implement complex pricing models like subscriptions, credit systems, usage-based billing, and custom plans without handling webhooks or payment state management. It provides a simple API with three core functions (attach, check, track) and can be deployed via cloud service or self-hosted using Docker.
Collections·46wBuilding a Comprehensive Calendly Clone with Next.js, TypeScript, and Tailwind CSS
A comprehensive tutorial for building a Calendly-like scheduling application using Next.js 15, TypeScript, React 19, and Tailwind CSS. The project includes user authentication with Clerk, Google Calendar integration, event management, PostgreSQL database with Drizzle ORM, and real-time scheduling functionality with timezone handling. The tutorial covers both frontend and backend development, resulting in a production-ready application with public booking pages and intuitive navigation.
freeCodeCamp·47wHow to Build a Conversational AI Chatbot with Stream Chat and React
A comprehensive guide to building a conversational AI chatbot that combines Stream Chat for real-time messaging with Web Speech API for voice input. The tutorial covers backend setup with Node.js and Express, frontend implementation with React and TypeScript, and integration of speech-to-text functionality. Key features include AI agent management, real-time transcription, microphone permission handling, and seamless voice-to-text message submission.
Community Picks·49wfacebook/docusaurus: Easy to maintain open source documentation websites.
Docusaurus is a static site generator built by Meta for creating and maintaining documentation websites. It offers simple setup with npm initialization, built-in localization support, customizable themes, and includes essential pages like docs, blog, and home sections. The project is open source, actively maintained, and designed to help developers focus on content rather than website infrastructure.
LogRocket·46wHow to properly handle rejected promises in TypeScript
Covers proper techniques for handling rejected promises in TypeScript applications, including implementation of retry logic, typed error results, and prevention of unhandled promise exceptions. Focuses on practical approaches using Angular framework with real-world examples and best practices for asynchronous error management.
Awesome·45wNode quietly dropped its biggest update in years...
Node.js has released Amaro v1, a built-in TypeScript type stripping loader that allows developers to run TypeScript files directly without external build processes. This major update uses SWC under the hood and supports two modes: strip types (removes annotations) and transform types (handles advanced features like enums). Unlike previous experimental support, Amaro works with TypeScript files in node_modules, enabling entire dependency trees to run without pre-compilation. This brings Node.js closer to the seamless TypeScript experience offered by Deno and Bun, with plans to promote TypeScript support from experimental to stable status later this year.
Web Dev Simplified·47wBuild an AI-Powered Job Board From Scratch with Next.js 15, Drizzle, Tailwind
A comprehensive tutorial covering the development of a full-stack AI-powered job board application using Next.js 15, Drizzle ORM, and Tailwind CSS. The project includes user authentication with Clerk, subscription billing, file uploads for resumes, AI-powered job matching and candidate rating, email notifications, and a complete database schema with PostgreSQL. The tutorial demonstrates advanced features like background job processing with Ingest, responsive design with mobile support, and proper TypeScript implementation with environment variable validation using Zod.
Web Dev Simplified·49wLearn Advanced TypeScript In 25 Minutes (infer, extends, ternaries)
A comprehensive guide to advanced TypeScript features including the extends keyword for type constraints and conditional types, the infer keyword for type extraction, template literal types for string pattern matching, and mapped types for object transformation. Covers practical examples from basic type extensions to complex nested conditional types, showing how to build sophisticated type utilities like custom ReturnType and Awaited implementations.
Matt Pocock·49wMastra, the AWESOME new TypeScript AI Agent framework
Mastra is a TypeScript framework for building AI agents that provides syntax for creating agents with instructions and models, automatic memory management, and workflow visualization. It includes a local development environment with chat interface for testing agents before deploying them as REST APIs.
Community Picks·47waidenybai/bippy: ⚠️ hack into react internals
Bippy is a toolkit that provides access to React's internal fiber tree by mimicking React DevTools. It allows developers to inspect component props, state, contexts, and render behavior outside of React components. The library includes utilities for traversing fibers, detecting renders, and even runtime modification of React state. While powerful for debugging and development tools, it comes with significant warnings about potential production breakage since it relies on React internals that can change without notice.
