Best of React — April 2025

  1. 1
    Article
    Avatar of communityCommunity Picks·52w

    Why 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.

  2. 2
    Article
    Avatar of hnHacker News·50w

    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.

  3. 3
    Video
    Avatar of huxnwebdevHuXn WebDev·1y

    Next.js 15 Animations Masterclass: The Real Power Of Motion.dev

    Motion.dev is an advanced animation library for modern web projects using JavaScript, React, or Vue. It simplifies the creation of complex animations, providing extensive control over transformations and transitions. Installation is easy through npm, and it integrates seamlessly with frameworks like React and Next.js. Key components include the motion object, which leverages initial, animate, and exit props to manage animations effectively.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Build a Team of AI Agents for Your Website for Free Using Agno and Groq

    Learn how to integrate a team of AI agents into your website for free using Agno and Groq. The tutorial walks through setting up a portfolio website that includes AI agents to handle customer inquiries, create content, analyze user behavior, and provide personalized experiences. This setup can automate part of your business, improving efficiency and engagement without requiring extensive technical expertise or a large budget.

  5. 5
    Video
    Avatar of javascriptmasteryJavaScript Mastery·1y

    Build and Deploy an Awwwards Winning 3D Web Developer Portfolio with React, Three JS & GSAP

    Learn to build a visually stunning 3D web developer portfolio using React, Three JS, and GSAP. This guide walks through creating an impressive portfolio with 3D animations, showcasing skills, projects, and experience. It covers integrating 3D models, adding smooth animations, designing with Tailwind CSS, and deploying the portfolio on the web. Whether you are a beginner or an experienced developer, this course will help you improve your portfolio to attract recruiters and clients.

  6. 6
    Article
    Avatar of cloudnativedailyCloud Native Daily·1y

    Building a Video Streaming Service Using AWS S3, CloudFront, and React

    Learn to build a scalable video streaming service using AWS S3 for video storage, CloudFront for global delivery, and a React frontend for playback. This guide covers setting up an S3 bucket, configuring CloudFront for efficient video delivery, and developing a React application to fetch and play the videos. Deploy the React app on AWS S3 or other hosting services for global accessibility.

  7. 7
    Video
    Avatar of communityCommunity Picks·52w

    Build and Deploy a Multi-Tenant E-Commerce Platform with Next.js, React & Stripe Connect (2025)

    Build a multi-tenant e-commerce platform using Next.js, React, and Stripe Connect. Each merchant gets their own branded storefront with a unique subdomain. Customers can add products to their cart, checkout using Stripe, and leave reviews on purchased products. The setup suggests using bun for package management due to its speed and zero-config script running support. Merchants manage their products through a dashboard powered by Payload, while a super admin dashboard controls all platform entities.

  8. 8
    Video
    Avatar of asaprogrammerAs a Programmer·50w

    MERN Stack Project: Video Calling Realtime Chat App & Social App

    This post guides you through building a production-ready video calling and real-time chat application using the MERN stack. It covers creating a back-end with NodeJS, Express, and MongoDB, handling authentication with JSON web tokens, and developing the front-end with React and best practices like custom hooks and Tenstack query. The project focuses on creating a scalable language exchange platform with multiple features, including video and group calls, chat messaging, and theme selection.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    Fetch API vs. Axios vs. Alova: Which HTTP Client Should You Use in 2025?

    Developers traditionally used callback-based HTTP requests, but with the introduction of the Fetch API, Axios, and Alova, managing API calls has evolved significantly. Fetch API, built into JavaScript, offers promise-based requests and is lightweight. Axios, built on top of XHP, automates many tasks like JSON parsing and error handling, has built-in interceptors, and simplifies requests, making it ideal for complex projects. Alova, introduced in 2022, incorporates additional functionalities like state management, caching, and request merging, offering an all-in-one solution for managing API interactions. Each tool has its strengths, making them suitable for different types of projects and requirements.

  10. 10
    Article
    Avatar of things_to_knowThings To Know·1y

    Stop Overusing useEffect

    Check out this guide on when you might not need useEffect in your React components. Simplifying code and improving performance can be achieved by understanding alternative approaches.

  11. 11
    Video
    Avatar of t3dotggTheo - t3․gg·1y

    Why is Next.js so slow??

    Server components in Next.js are under scrutiny for their performance, and while some apps using server components feel slow, the issue often lies with developer implementation rather than the technology itself. The post discusses the balance between client-side and server-side rendering, emphasizing the need for proper loading states and understanding of server behavior to optimize performance. Tools like Savala can streamline deployment by managing infrastructure needs such as CDNs and databases effectively.

  12. 12
    Article
    Avatar of phProduct Hunt·52w

    Tiptap Editor Template and UI Components - Build rich editor UIs faster with React components

    A free editor template and a library of MIT-licensed React UI components for Tiptap have been released. The library includes pre-built toolbars, menus, and more, with the ability to customize every detail. A CLI is also available to quickly scaffold your editor UI.

  13. 13
    Video
    Avatar of developedbyeddevelopedbyed·1y

    How I'm Deploying My Future Web Applications

    Explores the journey of deploying future web applications, discussing past experiences with JavaScript, course platforms, and server setups. Highlights the transition from jQuery to vanilla JavaScript, the benefits of serverless computing over VPS, and the use of Cloudflare, Stanstack, and React in the current stack for improved scalability, performance, and simplicity.

  14. 14
    Article
    Avatar of tinybirdTinybird·52w

    Using LLMs to generate user-defined real-time data visualizations

    Developers are increasingly using Tinybird to track LLM usage, costs, and performance in AI applications. A new app template called the LLM Performance Tracker allows users to generate real-time data visualizations. The core components include a Tinybird datasource, a Tinybird pipe, a React component, and an AI API route. The backend processes user input to generate chart parameters, while the frontend visualizes the data. This approach emphasizes the importance of performant analytics backends and cautious LLM usage for secure and scalable data visualization.

  15. 15
    Article
    Avatar of logrocketLogRocket·52w

    Best React chart libraries (2025 update): Features, performance & use cases

    The post compares top React chart libraries in 2025, including Recharts, react-chartjs-2, Victory, Nivo, React ApexCharts, Ant Design Charts, Apache ECharts, visx, and MUI X Charts. It evaluates these libraries based on features, documentation, community adoption, and customizability. It also discusses their specific strengths, such as support for real-time data updates, rendering methods, responsiveness, and integration with mobile applications.

  16. 16
    Article
    Avatar of robinwieruchRobin Wieruch·51w

    Full-Stack React.js Chat with AI SDK

    Learn how to build a full-stack React.js chat application using Vercel's AI SDK. This tutorial simplifies the process of creating chat UIs by abstracting complex tasks such as decoding text streams and managing state. It provides step-by-step instructions on installing and configuring the AI SDK, replacing manual API routes with streamlined one-liners, and using the useChat hook for front-end development. Enhance your coding efficiency and maintainability while keeping all essential functionalities intact.

  17. 17
    Video
    Avatar of communityCommunity Picks·1y

    🎨 Build a Full Stack Canva Clone 2.0 with Next.js, React & Convex, ImageKit

    Learn to create a full stack Canva clone application using Next.js, React, Convex, and ImageKit. The guide covers setting up the workspace, implementing various editing features, and integrating AI for background removal and other image transformations. It also includes steps to manage user authentication and save designs in a Convex database, offering a comprehensive tutorial for building advanced web applications.

  18. 18
    Article
    Avatar of syncfusionSyncfusion·1y

    Top 5 React Stock Chart Libraries for 2025

    Discover key advancements in modern React stock chart libraries, including improved performance, mobile-first design, and advanced customization. The post reviews top libraries like Syncfusion, Highcharts, amCharts, AnyChart, and CanvasJS, detailing their features to help build powerful stock market visualizations in 2025.

  19. 19
    Article
    Avatar of webtoolsweeklyWeb Tools Weekly·1y

    JS Utilities, SVG, Audio, React Tools

    Explore a collection of JavaScript utilities, media tools, and React tools designed to enhance productivity and functionality in web development. Highlights include a syntax highlighter for text streams, an SVG illustration collection, an online QR code generator, Node.js bindings for the Web Audio API, and various React components for managing JSON data, handling state, and improving user interaction.

  20. 20
    Video
    Avatar of communityCommunity Picks·51w

    Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project

    Learn about the flexible and customizable ShadCN UI library, its integration with Radix UI for accessibility, and Tailwind CSS for styling. This tutorial covers building a responsive dashboard from scratch with components such as forms, dark mode, and more. Emphasizes the unique approach of ShadCN, where components are not pre-styled, allowing developers full control over the design.

  21. 21
    Article
    Avatar of robinwieruchRobin Wieruch·1y

    React.js AI Chat with OpenAI API

    This tutorial walks you through building a simple AI chat application using React.js, Next.js, and the OpenAI API. It covers setting up the development environment, installing the OpenAI SDK, creating an API route, and building a responsive front-end. The tutorial also includes steps to implement real-time streaming of OpenAI responses for a more interactive user experience.

  22. 22
    Article
    Avatar of the_react_communityThe React Community·1y

    🚀 A Dev’s Dream Portfolio — Built with Next.js 15, MagicUI & AceternityUI

    Frontend Developer Kinh Bach shares his latest personal portfolio built using Next.js 15, MagicUI, and AceternityUI. The portfolio features stunning animated UI, modular and scalable architecture, and seamless theme support. Kinh highlights the importance of creating a custom portfolio and outlines future updates, including showcases, a dynamic projects section, and a timeline-based experience layout.

  23. 23
    Article
    Avatar of itnextITNEXT·50w

    From 0 to 10K ⭐: How Open SaaS became the Free Boilerplate Devs Love

    Open SaaS is a popular, free, open-source SaaS starter kit that streamlines development by offering essential features like authentication, payments, and file uploads without relying heavily on paid services. Built on the Wasp framework, it aids quick and efficient application launch, focusing on the business logic rather than boilerplate code. With over 10,000 GitHub stars, Open SaaS projects empower developers to build profitable businesses rapidly and are well-suited for AI-assisted development.

  24. 24
    Article
    Avatar of hnHacker News·1y

    Some Nice Things with SVG

    Exploring the visual effects applications of SVG, including creating animated wires and a dynamic table of contents (TOC) in React.js, showcasing how to use the mask property and CSS animations for interactive elements.

  25. 25
    Article
    Avatar of webdevWebDev·50w

    useStatePro - State Management Like a Pro

    useStatePro simplifies and enhances state management in React by extending the useState hook with advanced features, offering a more efficient approach for developers.

See all React archives