Posts

Showing posts from October, 2023

useContexthookreact1

 context folder: 1:ThemeContext.js import React from "react" ; const ThemeContext = React . createContext () export default ThemeContext ; 2:ThemeContextProvider.js import { useContext , useState } from 'react' ; import ThemeContext from './ThemeContext' ; export default function ThemeContextProvider ({ children }) {   // const level = useContext(UserContext);   const [ state , setState ] = useState ( 'red' );     return (           < ThemeContext.Provider value = { { state , setState } } >         { children }       </ ThemeContext.Provider >       ); } 3:componet folder A:Component1.jsx import React ,{ useState , useContext } from 'react' import ThemeContext from '../assets/context/ThemeContext' ; export default function Component1 () {     const { setState } = useContext ( ThemeContext );     const handleSubmit = ( e ) => ...

usecontexthookprojecthitesh

 1.context folder: file: A:UserContext.js import React from "react" ; const UserContext = React . createContext () export default UserContext ; B:UserContextProvider.jsx //store... import { useContext , useState } from 'react' ; import UserContext from './UserContext' ; export default function UserContextProvider ({ children }) {   // const level = useContext(UserContext);   const [ state , setState ] = useState ( null );     return (           < UserContext.Provider value = { { state , setState } } >         { children }       </ UserContext.Provider >       ); } 2:componentfolder: A:Login.jsx:   import React ,{ useState , useContext } from 'react'     import UserContext from '../assets/context/UserContext'     export default function Login () {     const [ username , setusername ] = useState ( '' );   ...

deploy react app to window iis server

 https://dev.to/sumitkharche/how-to-deploy-react-application-on-iis-server-1ied