Loading
Quipo
in
MindXchange
Log In
Tutorials
Exercises
MCQs
Interview Q & A
Tests
HTML
CSS
JavaScript
Java
SQL
Angular
Spring
Quipo
in
MindXchange
Menu
MindXchange
HTML
CSS
JavaScript
Java
SQL
Angular
Spring
Welcome to Quipoin
Login to track your progress
Quipoin Menu
Learn • Practice • Grow
Tutorial
Exercises
MCQs
Interview Q & A
Tests
React Introduction
Introduction to React
JSX Syntax in React
React Virtual DOM
Create React App Setup
React Project Structure
React Components
React Components
Functional Components in React
Class Components in React
Props in React
Component Composition in React
React State
State in React
useState Hook in React
setState Method in React
State vs Props in React
Lifting State Up in React
React Lifecycle & Effects
Component Lifecycle in React
useEffect Hook in React
useEffect Dependency Array
Cleanup in useEffect
React Event Handling
Events in React
SyntheticEvent in React
Event Binding in React
Passing Arguments to Events
React Conditional Rendering
Conditional Rendering in React
if-else in JSX
Logical AND Operator in React
React Lists & Keys
Lists in React
Keys in React
map() Function in React
React Forms
Forms in React
Controlled Components
Uncontrolled Components
Form Validation in React
React Hooks
useRef Hook
useContext Hook
useReducer Hook
useMemo Hook
useCallback Hook
Custom Hooks
React Router
React Router Introduction
Routes and Links
Route Parameters
Nested Routes
React Context API
Context API
createContext and Provider
useContext Hook
React Styling
CSS Modules in React
Styled Components
Tailwind CSS with React
React HTTP Requests
Fetch API in React
Axios in React
Loading and Error States
React Performance
React.memo
useMemo for Performance
useCallback for Performance
Code Splitting and Lazy Loading
React Redux
Redux Introduction
Redux Actions and Reducers
React-Redux Hooks
Redux Toolkit
React Deployment
Building React App
Deploying React App
React Projects
Todo App Project
Weather App Project
Ecommerce Cart Project
react /
Form Validation in React
exercise
Videos
Discussion
1
2
3
4
5
1/5
Exercise 1
•
React
Question
Question
Create a form with an email input. Validate that it contains '@' and display an error message if invalid.
Show Answer
Mark Complete
