Loading
React Lazy Loading: A Guide with Example
Learn how to implement React lazy loading using React.lazy() and Suspense to improve performance, reduce initial bundle size, and enhance user experience with dynamic component loading and routing.
Learn it from developers who built it.
Tutorials, how-tos and deep dives on AI, .NET, C#, cloud and developer tools, written by the community.
Learn how to implement React lazy loading using React.lazy() and Suspense to improve performance, reduce initial bundle size, and enhance user experience with dynamic component loading and routing.
Everything on React, not only its articles: the React page →
In this article, we now about the State in React and its importance. State contains data specific to a given component that may change over time.
Learn how to work with class components in React in this beginner-friendly tutorial. Understand the React component lifecycle, manage state and props, and explore best practices for building interactive UIs.
In this Article, I will show what are React Components and steps to create Function Components. Also, know about how to render Function Components.
Learn how to create a custom Material-UI DatePicker in React.js, integrate it with AdapterDayjs, and enhance it with styling, clear functionality, and year selection for an improved user experience.
This article covers integrating MUI’s Date Picker component, customizing its appearance, handling date selection, and adding validation. Perfect for building user-friendly date input fields in your React applications.
Learn the basics of React elements with and without JSX in this beginner-friendly tutorial. Understand how React works behind the scenes, create elements using JSX and JavaScript, and explore the differences between them.
Learn how to install and set up React with this beginner-friendly tutorial. Follow step-by-step instructions to get started with React, set up your development environment, and build your first React app.
React is an open-source JavaScript library for building fast and scalable web and mobile UIs. It uses Virtual DOM, JSX, and one-way data binding for better performance. Developed by Facebook, React is used by companies like PayPal and Uber.
Memory leakage in React can lead to performance issues and application crashes. This article explores common causes of memory leaks, such as improper use of state, unmounted components, and event listeners.
Next.js and React.js are both powerful tools for building web applications. React.js is a JavaScript library focused on UI components, while Next.js is a framework that enhances React with features like server-side rendering, static site generation, and routing.
React.js is a powerful library for building user interfaces, but it can be initially complex for beginners. This article explains key features such as asynchronous updates, the virtual DOM, and the difference between using () and {} for rendering.
Learn the Basics of React and How to Start Building Web Applications
Learn about React v19's performance updates, hooks, DevTools, concurrent rendering, and guidance for migrating existing applications.
Create an interactive testimonial carousel in React to showcase client feedback effectively. This component offers smooth animations, auto-advancing slides, responsive design, and dynamic star ratings using Lucide Icons.
This guide covers setting up React, understanding JSX, and using core features like components and hooks. Perfect for beginners looking to get started with modern front-end development.
Learn session management approaches for React applications, including local and session storage, cookies, JWT authentication, and React Context API.
This approach is essential for apps with private content, ensuring unauthorized users can't view certain pages. By using React Router with authentication checks, developers can manage access dynamically and securely.
In this article, Ziggy Rafiq discusses advanced type inference techniques in React with TypeScript, focusing on hooks and JSX elements.
Discover lucrative opportunities for developers, understand current salary ranges, and gain insights into the future outlook of web development. Stay ahead in the competitive market with key information and resources.
In this article, I am going to discuss how to upload a file using react. This article explains how to enable file uploads in a React app, covering file selection, server communication, error handling, and using external libraries like Axios for HTTP requests.
In this article, you'll learn how to create an interactive TicTacToe game using React. We cover essential React concepts like components, useState, and useEffect. Step-by-step, you'll build the game interface, implement game logic to check for winners and style the components.
In this guide, you'll learn how to build a custom QR code generator component in React. We'll cover the steps to integrate a QR code library, customize the QR code's appearance, and make it dynamic by accepting input from users.
Build a React image slider that fetches images from an API and displays them with navigation arrows and slide indicators. Learn to use useState, useEffect, and CSS for loading, errors, and styling.
The createRoot API in React 18 revolutionizes application rendering by replacing ReactDOM.render. It integrates with React's Concurrent Mode, enhancing performance through better state batching and improved Suspense support.
Learn how to create a custom select component using Material-UI with React JS in this tutorial. We’ll walk through setting up Material-UI, designing a customizable select dropdown, and integrating it seamlessly into your React application.
Learn how to build a custom rating component in React, which is perfect for adding interactive star ratings to your web applications. This tutorial covers the step-by-step process, including component design, state management with React Hooks, and styling.
Explore how React and WebSockets work together to create dynamic, real-time web applications. This guide covers the fundamentals of WebSocket integration in React, demonstrating how to build interactive features with live updates.
Learn how to create a Gatsby.js project, use Gatsby CLI commands, and add React components and pages to build fast static websites.
Write an article and earn +1,000 SHARP when it is approved.
Write an article
