Recent posts tagged react-router

You wrote a React Router v7 route. It has a loader, an action, a form, some interactivity. Now you want to test it. The official docshttps://reactrouter.com/start/framework/testing hand you two paths and neither one covers the case you actually have....

We continue with the sixth part of this series on React Router Data Mode. This time, we'll talk about actions: one of the key pieces for data handling that React Router offers. If you're coming from the previous posthttps://coderlegion.com/4297/rea...

We continue with the fifth part of this series on React Router Data Mode. This time, it will be a brief post where we’ll do some refactors, review the useParams hook, and improve navigation with NavLink. If you’re coming from the previous posthttps...

We continue with the fourth part of this series on React Router data mode. This time, we’ll dive deeper into loaders, first by adding a contact detail screen and then exploring hooks like useRouteLoaderData and useParams. If you’re coming from the ...

Let's move on to the third part of this tutorial series. In this case, we'll look at a concept that comes from Remix and can now also be found in React Router: loaders. If you're coming from the previous tutorialhttps://coderlegion.com/3682/react-ro...

In this second part of our React Router v7 tutorial, we will dive deeper into the routing system: how to nest views within a shared layout, how to navigate without reloading the page using Link, and how to add visual transitions for a smoother experi...

In this series, we will focus on the Data Mode, which is undoubtedly my favorite for creating well-structured and maintainable SPAs. This series will have several parts, which you can see below: 1. Installation and first routes 2. Nested routes and...

If you're reading this, you're probably working with React or learning how to use it. And if that’s the case, you’ve surely heard of react-router, the most popular library for routing in React apps for years. But what you may not know is that in its...

Artificial Intelligence AI has emerged as a transformative tool across industries. From automating repetitive tasks to generating creative content, it has become an ally to many. However, like any tool, its value lies in how we use it. When misapplie...

React Public, Protected, and Private Routes: A Comprehensive Guide In certain applications, you might need to implement role-based authorization for your users to access certain pages and be restricted to others. For instance, in an e-commerce applic...