React js

For small task useState is the best but for big task useReducer is recommended. import React, {useEffect, useReducer, useState} from "react"; const reducerFun = (state, action) => {   if(action.type…

A. If we want only one time useEffect hook work then we will use an empty array. import React, {useEffect, useState} from "react"; let UseEffect = () => {  …

import React, {useState} from "react"; let UseState = () => {   let intialData = 10;   const [myNum, setMyNum] = useState(intialData);   return (       <>  …

A. Filter.js import 'bootstrap/dist/css/bootstrap.min.css'; import Logo from './imgs/logo.png'; import Home from '../pages/Home'; import About from '../pages/About'; import Search from '../pages/Search'; import '../pages/Header.css'; import React, { useState } from 'react'; import…

A. MenuItem.js import React from "react"; const Menu = [ {     id: 1,     name: 'Samosha',     category: 'breakfast',     price: 200 }, {  …

import React from "react"; import Logo from './imgs/logo.png'; let Header = () => { return ( <> <img className="logos" src={Logo} width={230} height={100}  /> </> ) } export default Header;