React to JavaScript Converter

React Component

function MyComponent() {
  const [count, setCount] = React.useState(0);
  
  const increment = () => {
    setCount(count + 1);
  };
  
  return (
    <div className="container">
      <h1>Counter: {count}</h1>
      <button onClick={increment} className="btn btn-primary">
        Increment
      </button>
    </div>
  );
}

Examples

Counter Component

Toggle Button

Component with Props

Vanilla JavaScript

// Click 'Convert' to transform the React component to vanilla JavaScript