App.js

// import logo from './logo.svg';
import './App.css';
import React from 'react'
// import ClickCount from './ClickCount';
// import  Welcome  from "./Welcomefunctional";
// import Hell from "./HEllpropsfun";
// import  Welcomeclass from "./Welcomeclass";
// import Hello from "./HellpropsClass";
// import State from "./Statechange";
// import Propsimp from "./Propsimp";
// import Parentprop from "./Parentprop";
// import Listrendering from "./Listrendering";
// import Nav from "./navbar";
// import FormHandle from "./FormHandling";
// import Refs from "./Refs";
// import Portal from "./Portals";
// import Hover from "./HoverCount";
// import Clickcount from "./ClickCount";
// import RenderProp from "./RenderProp";
// import ContextA from "./ContextA";
// import ContextT from "./ContextT";
// import { ContextProvider } from "./ContextCreate";
// import Hook1 from "./UseStateHook1";
// import Hook2 from "./UseStateHook2";
// import Hook3 from "./UseStateHook3";
// import Effect1 from "./UseEffectHook1";
// import Effect2 from "./UseEffectHook2";
// import Effect3 from "./UseEffectHook3";
// import MouseMove from "./MouseMovetoggle";
// import Fetched from "./FetchingByHooks";
// import UseContext from "./UseContextHook1";
// import Reducer from "./UseReducerHook1";
// import Reduce2 from "./UseReduceHook2";
// import Memo from "./UseMemoHook";
// import RefHook from "./UseRefHook2";
// import Click from "./ClickCounterHookCust";
// import IncDec from "./IncDecCustHook";
import InputHook from "./InputCustHook";

// export let NameContext = React.createContext()
// export let AgeContext = React.createContext()


function App() {
  // let list = ["shreya ghoshal","Arijit Singh","atif aslam"];
  return (
      
    <div className="App">
      <InputHook></InputHook>
      {/* <Click></Click> */}
      {/* <IncDec></IncDec> */}
      {/* <Reducer></Reducer> */}
      {/* <RefHook></RefHook> */}
      {/* <Memo></Memo> */}
      {/* <Reduce2></Reduce2> */}
      {/* <NameContext.Provider value="Aditya">
        <AgeContext.Provider value= {20} >
          <UseContext></UseContext>
        </AgeContext.Provider>
      </NameContext.Provider> */}
      {/* <Hook1></Hook1> */}
      {/* <Hook2></Hook2> */}
      {/* <Hook3></Hook3> */}
      {/* <Effect1></Effect1> */}
      {/* <Effect2></Effect2> */}
      {/* <Effect3></Effect3> */}
      {/* <MouseMove></MouseMove> */}
      {/* <Fetched></Fetched> */}
      {/* <ContextProvider value = "Aditya"> */}
        {/* <ContextA></ContextA> */}
        {/* <h1><ContextT></ContextT></h1> */}
      {/* </ContextProvider> */}
      {/* <RenderProp render={(click,ClickedInc)=> <ClickCount click={click} ClickedInc={ClickedInc}></ClickCount>}> */}
      {/* </RenderProp> */}
      {/* <Clickcount/> */}
      {/* <Hover name="Aditya"></Hover> */}
      {/* <Portal></Portal> */}
      {/* <Refs></Refs> */}
      {/* <FormHandle></FormHandle> */}
      {/* <Nav></Nav> */}
      {/* <Listrendering list={list}/> */}
      {/* <Listrendering /> */}
      {/* <Hell name="Aditya"></Hell> */}
      {/* <Welcome></Welcome> */}
      {/* <Welcomeclass></Welcomeclass> */}
      {/* <Hello name="Aditya"></Hello> */}
      {/* <State/> */}
      {/* <Propsimp name=" Bhangri "></Propsimp> */}
      {/* <Parentprop/> */}
    </div>
  )
}
export default App;