Form Handling & Routing in React
React Form Handling
In traditional web development, when you create a form, the browser takes care of most things. ...
Deal With Forms In React
How do we add form, handling single/multiple form and submitting the form in React
A Simple Form
Key Concepts and Functions: useState: The useState hook is used to create and manage the ...
Variety of the Input in Form
What Are Controlled Components? In React, we like to keep everything in check. A "controlled com...
Form Validation
What is Form Validation ? Sometimes people forget to fill in the form properly. Form validation ...
Advance form handling with YUP & React-hook-form
yup and react-hook-form is your life saver. Yup are powerful tools in the React ecosystem ...
Form Handling Exercise
Instruction Create a form that receive the 2 input and 1 submit button 1. Email 2. Password ...
Single Page Application
What is single page application ? A Single Page Application (SPA) is a web application or webs...
Navigation In React
How do we navigate across the page in React and how to manage all page
Introduction
When you create React app, it does not include the page routing function. React Router is one o...
React router component
Components in React Router V6 BrowserRouter BrowserRouter is main component to cover our React ...
Basic Navigation
You can read full guide and tutorial here Basic Navigation in React Page creation In page fo...
Dynamic Routing
Dynamic routing is a powerful technique used in web development to handle navigation and renderin...
Routing exercise
Instruction Make a page call MainPage.jsx - In main page (Parent) there will be two button that...
Bank project Cont.
For this week, we going to continue on our bank project from last week by the following goals Go...