Jack Pritom Sorenjps27cse.hashnode.dev·Oct 1, 2023Building a Firebase Authentication and Private Route System in a React AppFirebase Authentication is a robust and secure solution to handle user authentication in web applications. It offers various authentication methods, including email and password, Google Sign-In, and more. In this article, we'll walk through building ...DiscussReact
Alex Anieocxigin.hashnode.dev·Sep 27, 2023useLocation Hook in React RouterIntroduction Single Page Application takes a different approach when navigating from one page (Component) to another. This is because unlike Multi-page Applications with multiple HTML files that are uploaded to the server and then accessed later base...Discuss·2 likes·29 readsReact
Gujarati Coderreactflux.hashnode.dev·Sep 26, 2023React Router vs. React Router DOMRouting is an essential technique for navigation among pages on a website based on user requests and actions. A separate library named React Router enables routing in React applications and allows defining multiple routes in an application. But wheth...DiscussReact
Nandani Paliwalblog.nandanipaliwal.co·Sep 24, 2023Routing in React with React RouterIntroduction As a software developer who has worked extensively with React, I can't stress enough how crucial effective routing is in building a seamless user experience. Routing is the backbone of any web application, and React Router is the go-to l...Discuss·5 likesreact-navigation
yaox023blog.yaox023.com·Sep 24, 2023Reusing React Component With React RouterThe Issue Consider this case. I am building a spa with multiple page. There is a video in page A and also the same video in page B. I want to preserve the video playing state even if when user navigate from page A to page B. Suppose we have this Vide...DiscussReact
Alex Anieocxigin.hashnode.dev·Sep 22, 2023NavLink Component in React RouterIntroduction The <NavLink> component in React-Router is used for navigating to different components within a single page application. This is very useful when creating a navbar component in your React app. The <NavLink> component does the same thing ...Discuss·1 like·29 readsReact
Alex Anieocxigin.hashnode.dev·Sep 19, 2023Link Component in React RouterIntroduction Natively, web pages are required to be linked (hyperlink) together for navigation. This navigation involves moving from one web page to another web page in the same domain (website) or a different domain on the web. However, navigation o...Discuss·20 likes·75 readsReact
Gospel Obiuwevbielitedecode.hashnode.dev·Sep 18, 2023Mastering React Router: A Comprehensive TutorialIn the ever-evolving world of web development, creating seamless and dynamic user experiences is crucial. Modern web applications often consist of multiple views and pages that need to be navigated effortlessly. This is where React Router comes to th...DiscussReact
Nitish Prajapatinitishpjpt.hashnode.dev·Sep 17, 2023React Component Types: Functional vs. Class ComponentsIntroduction React, the popular JavaScript library for building user interfaces, offers two primary ways to define components: functional components and class components. Understanding the differences between these two component types is essential fo...DiscussReactHooks
Gauravnotgaurav.hashnode.dev·Sep 6, 2023All you need to know about React hooksIntroduction React Hooks are a new feature in React that allow you to use state and other React features without writing a class component. Hooks are functions that you can call from within your functional components. There are many benefits to using...DiscussReact
