live code example

live coding in react with docusaurus#

some example

Live Editor

function exampleLive(props){
    const [count ,setCount] = useState(0);
    return (
        <div>
            <h1>{count}</h1>
            <button onClick={()=>setCount(count +1)}>Add</button>
            <button onClick={()=>setCount(count -1)}>subtract</button>
        </div>
    )
}

function exampleLive(props){
    const [count ,setCount] = useState(0);
    return (
        <div>
            <h1>{count}</h1>
            <button onClick={()=>setCount(count +1)}>Add</button>
            <button onClick={()=>setCount(count -1)}>subtract</button>
        </div>
    )
}

Result