React Router 7: Private Routes (alias Protected Routes)
A tutorial on implementing private/protected routes in React Router 7 to control user access based on authentication and authorization.
A tutorial on implementing private/protected routes in React Router 7 to control user access based on authentication and authorization.
A tutorial on implementing routing in React using React Router 7, covering setup, navigation, and route configuration.
A guide to React Function Components, covering syntax, props, and using Hooks for modern React development.
Explains a server-first approach to form validation in full-stack React, detailing benefits and when to add client-side validation or libraries.
A guide to a popular React tech stack for building full-stack applications and SaaS products in 2025, based on the author's experience.
Explores common React data fetching patterns like sequential and parallel fetching for components on client and server.
Explains how to structure large React applications using a feature-based architecture for better scalability and maintainability.
A guide on handling FormData in React forms, covering extraction, conversion to objects, and validation with Zod.
A freelance React developer argues for charging by the hour instead of by project value to handle scope creep and changing requirements.
A guide on preventing automatic form resets after failed server actions in React/Next.js to improve user experience.
A step-by-step React tutorial on implementing drag and drop functionality using the @hello-pangea/dnd library.
A beginner-friendly tutorial on creating a custom, interactive dropdown menu component in React from scratch.
A developer shares their personal story of gaining visibility by consistently sharing knowledge, teaching complex topics, and engaging with the community.
A guide exploring various methods for fetching data in React, from older techniques to modern approaches like React Server Components.
React is evolving into a full-stack framework with Server Components and Server Actions, bridging the gap between frontend and backend development.
Learn two methods to pass extra arguments, like a post ID, to server actions in React forms using hidden fields or function binding.
A tutorial on implementing loading states in React forms using actions, including the useActionState hook.
A guide to creating a SuperLink component in Next.js that combines Link and anchor tag features for automatic prefetching.
A guide to using React's useDeferredValue hook to optimize UI performance and prevent janky interfaces.
An overview of emerging React trends for 2024, focusing on Astro for performance and new authentication libraries.