React

 Search data from JSOn------------------------------------------------ function Search(){     const [searchItem, setsearchItem] = useState('')     return(         <>             <input type='text'                 placeholder="search..."                 onChange={(e)=>{setsearchItem(e.target.value)}}             />             {JSONDATA.filter((val)=>{                 if(searchItem == ""){                     return val                 }else if(val.first_name.toLowerCase().includes(searchItem.toLowerCase())){                     return val             ...

  import React , { useReducer , useState } from ' react ' export default function MyExampleReducer () {     const myState = [];     const myReducer = ( state , action ) => {             switch ( action . type )             {                 case " ADD " :                 return [ ... state , action . payload ];                             case " Delete " :                 return state . filter (( d , index ) => {                     return index != action . payload ;                 });                 case " Save " :             ...

 //App.js import React from " react " ; import { Routes , Route } from " react-router-dom " ; import { ToastContainer } from " react-toastify " ; import " react-toastify/dist/ReactToastify.css " ; import LoginPage from " ./Pages/LoginPage " ; import UsersList from " ./Pages/UsersList " ; import HomePage from " ./Pages/HomePage " ; import Footer from " ./Components/Footer " ; function App () {   return (     < >       < ToastContainer         position = " top-center "         autoClose = { 2000 }         hideProgressBar = { false }         newestOnTop = { false }         closeOnClick         rtl = { false }         pauseOnFocusLoss         draggable         pauseOnHover       />       < Routes >   ...