Examples

Custom component

Hello world

• ☝️ This component is displayed using:

import Hello from "../../src/components/Hello";
<Hello name={"world"}/>

Live coding

Live Editor

function Clock(props) { const [date, setDate] = useState(new Date()); useEffect(() => { var timerID = setInterval(() => tick(), 1000); return function cleanup() { clearInterval(timerID); }; }); function tick() { setDate(new Date()); } return ( <div> <h2>It is {date.toLocaleTimeString()}.</h2> </div> ); }

function Clock(props) {
  const [date, setDate] = useState(new Date());
  useEffect(() => {
    var timerID = setInterval(() => tick(), 1000);

    return function cleanup() {
      clearInterval(timerID);
    };
  });

  function tick() {
    setDate(new Date());
  }

  return (
    <div>
      <h2>It is {date.toLocaleTimeString()}.</h2>
    </div>
  );
}

Result

Loading...

Out of the box features

info

This is pretty cool

And some tabs!

Example

This is an example tag

JavaScript

```js
function helloWorld() {
  console.log('Hello, world!');
}
```

Python

```python
def hello_world():
   print("Hello, world!")
```

Java

```java
class HelloWorld {
  public static void main(String args[]) {
    System.out.println("Hello, World");
  }
}
```