useloaderdata

a react application that focuses on react routers, providers, loaders and nested routes

An interactive and responsive e-commerce web application that allows users to browse products, view product details, add items to the cart, and proceed to purchase. Built using modern web technologies to ensure a seamless user experience.

Our Event management project with React Router aims to create a simple web application for managing events. It allows users to view a list of events, see event details, edit event details, add new events and navigate between different pages using React Router.

A personal learning repository dedicated to learning React Router through hands-on examples, practical implementations, and real-world mini projects.

Implementation of useLoaderData, which is new hook of react-router-dom with Pokemon API

📱 Contact Manager - Tutorial App en React - Practical exercise of the following link : https://reactrouter.com/en/main/start/tutorial

react router dom, loader action function

Our Event management project with React Router aims to create a simple web application for managing events. It allows users to view a list of events, see event details, edit event details, add new events and navigate between different pages using React Router.

using React and React Router for navigation, Firebase Authentication for secure access, and styled it with Tailwind CSS and DaisyUI. I integrated React Icons, managed dynamic routing with useParams and useLocation, and utilized useLoaderData for efficient data fetching. Finally, I added react-marquee for engaging text animations.

Frontend Mentor Challenge

Created a App for Event Management using MERN , uses concept of react-router-dom library and created different different routes like Home, Events , Newsletter , and Authentication in top header bar , and user can add any New Event , Update Existing Event , Remove Existing Event and they can do all after user is authenticated from backend

Project is based on react router dom, with useParams and userLoaderData hooks. and the use of classname in ()=> this way

Made React website to learn how to seamlessly navigate between pages using react-router-dom, dynamically fetch data from the GitHub API, and efficiently manage state with hooks such as useParams and useLoader.

Demo site using React Router Dom V6

multiple hook discussed

Demo site using React Router Dom V6