Devjar

A live-code runtime for React, running directly in the browser. Perfect for interactive demos, documentation, and real-time code previews. Simple to integrate and highly flexible for any React project.

page.js

./text.js

./styles.css

  import { useState } from 'react'

  import Text from './mod1'
  import './styles.css'

  export default function App() {
    const [num, inc] = useState(1)
    
    return (
      <div>
        <h2 class="text-3xl">
          hello <Text />
        </h2>

        <p>Volume {Array(num % 6).fill('●').join('')}</p>
        <button className='button' onClick={()=> inc(num + 1)}>increase</button>
      </div>
    )
  }