Shaku Snippet × Sugar High

Shaku Playground →

Sugar High is a super lightweight syntax highlighter for JS/JSX, Shaku could be enabled through shaku-code-annotate-sugar-high. created by JSer.

import { useState } from 'react';

export default function Counter() {
  const [count, setCount] = useState(0);
~~~~~~~~
  
  function handleClick() {
    setCount(count + 1);
-------------------
Underline and callout!
  }

  return (
    <button onClick={handleClick}>
Supports JSX
Awesome,right?
      You pressed me {count} times
    </button>
  );
}