Community Picks·1yRizzUI
RizzUI is a modern and minimal React UI library built with TailwindCSS, designed to offer simple, customizable, and accessible components. It includes a variety of production-ready elements categorized under buttons, inputs, navigation, feedback, overlays, data display, typography, and integrations. RizzUI emphasizes ease of use, full customization, type safety, and accessibility compliance.
HuXn WebDev·1yTHE MOST ADVANCE REACT.JS COURSE: THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 4 )
This comprehensive React.js course covers React fundamentals, hooks, TypeScript, UI component libraries, state management with Zustand and Redux Toolkit, animations with Framer Motion, and the testing of components. The final part delves into building a design system in Figma, leveraging tools like Storybook, Style Dictionary, and CLsx. It also includes setting up a complete authentication system and using Figma for creating design systems, and generating style tokens for consistency.
Hacker News·1yThe Hidden Complexity of Scaling WebSockets
WebSockets are essential for delivering low-latency, interactive applications, but scaling them is complex. Key strategies include spinning up new servers, using custom close messages, implementing random delays to avoid thundering herd issues, and monitoring heartbeats to maintain connections. Despite the lack of standard tooling for caching and per-message authentication, WebSockets remain the best option for real-time, collaborative applications.
Theo - t3․gg·1yMy Biggest Tutorial Ever (Build A FULL Google Drive Clone with React, Next, TypeScript and more)
In this extensive tutorial, the author shares a comprehensive guide on building a full Google Drive clone from scratch using React, Next.js, TypeScript, and other modern tools. By diving into real-world development scenarios, including debugging and using AI tools, the tutorial aims to provide a holistic learning experience. Key points include setting up the project, using various tools and technologies, deploying early, and ensuring smooth development workflows with effective debugging and deployment strategies. The tutorial is made possible by the support of several sponsors and is designed to be accessible to learners for free.
Jack Herrington·1yJavascript's New Pipeline Operator Is Awesome!
JavaScript and TypeScript developers who utilize method chaining will appreciate the new pipeline operator proposal from TC39. It simplifies the syntax for chaining methods by creating temporary arrays in memory. The post explores two variations of the pipeline operator syntax: the FP (F#) version which uses unary functions, and the hack version which uses expressions with a topic character. Each approach has its own advantages, and the proposal is currently in stage two. Readers can try the examples provided in the linked GitHub repository.
DEV·1yI Built an Open-Source Code Snippet Collection
SnipNest is an open-source collection for storing and sharing code snippets, created to alleviate the frequent need to search for the same solutions repeatedly. It uses MDX files for organizing snippets with metadata and offers a Visual Studio Code extension for easy access. The project encourages community contributions to expand its repository.
DEV·1yHow to Secure TypeScript Applications...??
Developing secure TypeScript applications involves more than just leveraging the language's type system; it requires comprehensive strategies that address code vulnerabilities, runtime safeguards, and secure deployment practices. Key practices include setting strict compiler options, validating inputs, preventing common vulnerabilities like XSS and SQL injection, ensuring type-safe APIs, auditing dependencies, and configuring proper security measures during deployment and monitoring.
JavaScript Mastery·1yBuild and Deploy a Fullstack App with Admin Dashboard | Next.js, PostgreSQL, Redis, Auth.js
This post guides you through building and deploying a production-grade University Library management system using Next.js, PostgreSQL, Redis, and Auth.js. The project consists of two interconnected applications within a monorepo architecture, teaching industry-standard practices such as rate limiting, DDoS protection, caching, database queries, multimedia uploads, and automated workflows. Technologies like Tailwind CSS, Drizzle ORM, and ImageKit are used to create a polished and scalable application, catering to both user-facing and admin interfaces.
Community Picks·1yBuilding a CRUD app with Shadcn UI and Refine
Learn how to integrate Shadcn UI components with a Refine app using Vite and TypeScript. This post walks you through setting up TailwindCSS, configuring TypeScript and Vite, and generating Shadcn components such as tables, buttons, and pagination for a seamless UI experience.
Web Tools Weekly·1yJS Libraries, Build Tools, Uncats
EMF exposure from electronic devices can disrupt sleep by interfering with natural circadian rhythms. Aires Tech offers solutions for EMF protection to improve sleep quality. This issue also highlights various JavaScript libraries for building desktop and web applications, build tools like Rsbuild and TypeScript Remove, and other uncategorized tools such as Better Auth for authentication and aws-lite for interacting with AWS services.
Tech With Tim·1yReddit Clone - Full Tutorial w/ TypeScript, React & Convex
This post provides a comprehensive tutorial on building a full-scale Reddit clone using TypeScript and React for the front end, and Convex for the back end. It covers various features such as user authentication with Clerk, comments, posts, subreddits, and real-time updates. The post includes a step-by-step guide on setting up the project, installing necessary dependencies, configuring the back end, and designing the front end layout and navigation. By the end of the tutorial, users will have a fully functional Reddit clone that can be extended and personalized.
NextJS·1yBuilding an Animated Link Component with react-rough-notation in Next.js
Learn how to create an animated link component using react-rough-notation in Next.js. This guide covers the implementation details, including installing necessary dependencies, creating utility functions, and applying customizable animation styles. It also demonstrates various use cases such as customizing styles, supporting responsive design, and enhancing accessibility.
AI ❤️ JS·1yAI Powered Logo Generator (It's Open Source)
An AI-powered logo generator has been created featuring AI-based logo creation, style presets, color and size customization, user history, and a public gallery. It is built using Next.js, TypeScript, Tailwind CSS, Nebius AI, PostgreSQL, and Vercel. Feedback is welcome.
Community Picks·1ydruidui/ui: druid/ui
Discover a collection of beautifully crafted, customizable, and accessible UI components built with shadcn/ui and Tailwind CSS. These components are fully responsive, mobile-friendly, and developed in TypeScript. Explore the components and get installation instructions at druid/ui.
DevBlogs·1yAnnouncing TypeScript 5.8 Beta
TypeScript 5.8 Beta introduces several new features, including support for conditional and indexed access types, improved interoperability between ECMAScript modules and CommonJS with the `--module nodenext` flag, the `--erasableSyntaxOnly` option to ensure compatibility with Node.js' experimental TypeScript support, and optimizations for program loads and updates. Additionally, it incorporates new flags like `--module node18` and `--libReplacement` for better fine-tuning of module behaviors and library replacement lookups.
Tiger's Place·1yBranded Types in TypeScript
Branded types in TypeScript are a way to simulate nominal typing by adding a unique brand to a base type, making structurally identical types incompatible at compile time. This is useful for preventing bugs caused by passing the wrong type of value. The concept originated in the functional programming world and has been adopted by the TypeScript community to ensure type safety.
Telerik·1yAngular Clean Coding Fundamentals
Explore essential tips for writing cleaner and more efficient Angular code with the latest features in Angular 19. Learn about the benefits of using control flow syntax, injection tokens, and the Angular CLI for better component management. Understand the advantages of removing ZoneJS and utilizing Signals over RxJS for improved performance and readability.
Community Picks·1yDrizzle Next - Full Stack Next.js and Drizzle ORM Framework
Drizzle Next is a web framework designed for building full-stack Next.js and Drizzle ORM applications quickly. It features customizable dashboards, CRUD operations, pagination, and a search filter. The framework is inspired by Ruby on Rails and Shad CN UI, offering extensive automation for developers. It includes demo site examples and a fully documented CLI tool for easy setup and customization.
Jack Herrington·1yFASTER JavaScript In 2025 With Sets
Sets are a high-performance data structure in JavaScript that only allow unique values, providing efficient O(1) time complexity for operations. This post discusses how to create and manipulate sets, including operations like add, delete, clear, and how to convert sets back to arrays. It also explores new methods for comparing sets such as union, intersection, difference, and symmetric difference. The use of Jupyter Notebooks with JavaScript through Deno and their benefits for coding and experimenting with sets is detailed.
Dev Squad·1yIntroducing shapexui
Shapexui is an open-source UI library that simplifies the creation of beautiful, responsive web interfaces. Powered by Next.js, TypeScript, Shadcn/ui, and Framer Motion, it offers a variety of blocks and animation-ready components. Perfect for designers and developers alike. Contribute and collaborate via their GitHub community.
DEV·1yBuilding Modern React Apps in 2025 - A Guide to Cutting-Edge Tools and Tech Stacks
The guide explores essential tools and tech stacks for building modern React apps in 2025. It highlights the significance of using build tools like Bun and Vite, design tools like Figma, and TypeScript for better tooling and type safety. Additionally, the post discusses popular code editors/IDEs such as Cursor, Windsurf, and VS Code with GitHub Copilot. It also covers emerging frameworks like Astro and Tanstack Start, and established ones like Next.js and Remix. The guide includes insights on style management with Tailwind CSS, state management, animation libraries, form and table libraries.
Web Tools Weekly·1yJS Utilities, Git/CLI Tools, React Native
Explore a collection of JavaScript libraries including Prompts, Retry, and OpenAuth for various utilities like creating modal dialogs and retrying async calls. Learn about tools like GitHub Stars Semantic Search, GitDiagram, and Terminosaurus for Git/CLI efficiency. Discover new React Native and mobile tools like React Native Apple Image Playground and react-native-rapier, along with NativeWindUI and expo-speech-recognition for enhancing mobile app development.
Atomic Spin·1yHere’s Why Angular is the Better Choice for Long-Term Projects
Choosing the right framework for long-term, large-scale projects is crucial. Angular offers a more structured, scalable, and enterprise-ready solution compared to React. With built-in tools for routing, state management, forms, and testing, Angular reduces reliance on third-party libraries. Its opinionated architecture enforces best practices, making updates and maintenance predictable. Angular's modular structure and long-term support make it ideal for enterprise applications, while its testing ecosystem and structured environment foster reliable, maintainable code.
