Community Picks·48wJust Fucking Use React
This post argues for the use of React or similar JavaScript frameworks in modern web development, particularly for complex and interactive applications. It challenges the notion of relying solely on HTML, emphasizing that frameworks simplify state management, improve the developer experience, and enhance accessibility. Proper use of frameworks can prevent code complexity and bloat in applications with significant client-side interaction.
gitconnected·1yFrontend Developer Roadmap 2025: The Complete Guide
This guide provides a comprehensive roadmap for aspiring frontend developers in 2025, covering essential skills such as understanding web basics, setting up a coding workspace, HTML, CSS, JavaScript, version control with Git and GitHub, and learning popular frameworks like React. It also includes bonus skills like advanced JavaScript techniques, TypeScript, automated testing, and hosting options, all designed to help developers stand out.
JS Development·50w20 MERN Stack Projects That Will Guarantee You a Job in 2025
Building real-world projects with the MERN stack is essential for landing high-paying jobs by 2025. This curated list of 20 projects ranges from beginner to advanced levels, covering critical skills such as CRUD operations, authentication, and API integration. Completing these projects demonstrates your practical knowledge and makes you stand out to recruiters.
Amir·21wIs Frontend Dead? The Evolution You Can't Ignore
Frontend development has evolved from simple UI work into full-system engineering. Modern frameworks like Next.js blur client-server boundaries with server components, edge deployment, and integrated data fetching. Developers now handle state management, security, performance optimization, and deployment—responsibilities traditionally split between frontend and backend roles. The shift demands understanding the complete user experience stack, from rendering strategies to authentication flows. This evolution creates opportunities for those who adapt by either broadening their skills across the full stack or specializing deeply in performance and user experience.
Community Picks·46wReact library for LLMs
llm-ui is a React library that provides UI components for integrating Large Language Models into web applications. It works universally with any LLM model by operating on the model's output string, supporting popular services like ChatGPT, Claude, Ollama, Mistral, Hugging Face, and LangChain. The library aims to simplify the process of displaying LLM responses in React-based user interfaces.
Community Picks·52wWhy Companies Are Saying Goodbye to Next.js 🚪💨
Developers and companies are increasingly moving away from Next.js due to issues like performance bottlenecks, overengineering, and vendor lock-in with Vercel. While Next.js offers benefits such as fast performance and SEO-friendly architecture, its complexities and limitations have made alternatives like Astro, Remix, and Qwik more appealing. For simpler, faster solutions, some developers are resorting to using React with Vite instead.
WebDev·34wStatic is boring — animate your icons 🎯
AnimateIcons is a React library that transforms static SVG icons into smooth animations. It offers 45+ animated icons, works with React and Next.js, supports hover and programmatic control, and integrates with ShadCN CLI. The library aims to enhance user interfaces by adding purposeful motion to icons.
Saiyan Growth Letter·36wEffective Learning
A comprehensive guide to effective learning for developers covering eight key strategies: reading error messages carefully, studying documentation with AI assistance, following curiosity-driven projects, learning diverse technologies for breadth, building frameworks from scratch for deep understanding, creating many projects to gain practical experience, asking questions in various communities, and teaching others through blog posts. The author emphasizes that consistent building, documentation reading, and tackling different problem domains leads to exponential knowledge growth.
Community Picks·44wAnimate 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.
HuXn WebDev·1yADVANCE REACT: THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 3 )
This React.js course covers advanced topics including React design patterns, React Query, JavaScript unit testing, and React testing. It is part of a series that thoroughly explores React fundamentals, hooks, Redux toolkit, Zustand for state management, and Frame Motion. Future parts will delve into tools like Storybook, React design systems in Figma, and micro frontends.
WebDev·43wI Built a Terminal-Based Portfolio You Can Access via SSH
A developer created an innovative terminal-based portfolio accessible via SSH using React Ink for the UI and a custom Go SSH server. The project combines React components with terminal interfaces, allowing users to explore a portfolio directly from their command line without needing a browser. The setup runs on a VPS and demonstrates creative ways to showcase developer work by meeting developers in their native environment.
Fabian Letsch·29wBeing "Smart" Is Painfull
A developer argues against overly clever code patterns, using a TypeScript namespace trick for component props as an example. The post explains why 'smart' code that combines component exports with prop types creates unnecessary complexity, confuses team members, breaks in edge cases, and makes code harder to maintain. The author advocates for writing boring, idiomatic code that prioritizes clarity and maintainability over cleverness.
Collections·19wCritical Vulnerability in React Server Components: Immediate Action Required
React2Shell (CVE-2025-55182) is a critical remote code execution vulnerability with a CVSS score of 10.0, affecting React 19.0-19.2.0 and Next.js 15.x-16.x. The flaw stems from unsafe deserialization in React's Flight protocol, allowing unauthenticated attackers to execute arbitrary code through crafted HTTP requests. State-sponsored groups and cybercriminals are actively exploiting it to deploy cryptocurrency miners and backdoors. Organizations must upgrade to patched versions (React 19.0.1+, Next.js 15.0.5+) immediately, as the vulnerability impacts 39% of cloud environments and 6% of all websites. WAF rules and endpoint restrictions provide temporary mitigation.
Community Picks·1yIntroducing the Supabase UI Library
Supabase has released an official UI Library consisting of ready-to-use components built on shadcn/ui, compatible with various React frameworks. The library includes components for password-based authentication, file uploads, real-time cursor sharing, user avatars, and chat functionalities. These components are fully customizable with Tailwind CSS and designed to simplify the integration of complex features in your projects. Additionally, Supabase provides AI code editor rules to enhance development with Supabase and Postgres.
Community Picks·42wNeodrag: One draggable to rule them all
Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It features a small bundle size (3.46KB), server-side rendering compatibility, TypeScript support, and consistent behavior across all supported frameworks through shared core logic.
HuXn WebDev·1yTHE BIGGEST NEXT.JS COURSE ON THE INTERNET ( PART 1 )
This post introduces the largest Next.js course available online, detailing the comprehensive curriculum which includes Next.js, Prisma, Drizzle, AJ, Clerk, Motion, GraphQL, Stripe, TRPC, testing frameworks, and design systems. The course aims to make participants proficient in Next.js by building over 50 projects and completing 100 challenges with 98% of the code written in TypeScript. Additionally, prerequisites include familiarity with React.js.
Javascript developers·1yFrontend Clean Architecture - (Reactjs, Nextjs)
Simple React project structure based on Atomic Design and Clean Architecture principles, aimed at organizing folders for scalable projects. No error handling, authentication, or logic included, just a clean setup to start faster.
Frontend developer·1yReact animated library
React Bits is an open-source library by David Haz that offers various animated components and useful snippets for React.js projects. Key features include text animations like Split Text and Wave Text, general animations such as Animated Container and Blob Cursor, and components like Stack and Masonry, simplifying the implementation of animated elements in React applications.
JavaScript Mastery·45wBuild 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course)
A comprehensive 12-hour course teaching React development through building three production-ready applications: a movie app with trending features, a serverless file management system, and an AI-powered travel admin panel. Covers React 19 fundamentals, hooks, state management, component architecture, styling with Tailwind CSS v4, and deployment strategies. Uses modern tools like Next.js 15, Appwrite for backend services, and includes practical examples of authentication, file handling, and API integration.
Cassidy's blog·30wI made a tree visualizer
A developer created a standalone web application for visualizing tree data structures, originally used for teaching React component hierarchies and concepts like prop drilling and context. The tool features keyboard shortcuts for node manipulation, visual effects like pulsing and drilling arrows, and the ability to save tree diagrams as images for sharing.
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.
