React live block: counter

A live block is a small React component inside an otherwise static article. Click the button to update its local state, or open View source to inspect the registered component tag.

Try the counter

<Counter id='counter' />

The counter permalink addresses its static container, so the link works before the component loads. With JavaScript disabled, the source remains available instead of a broken button.

Ordinary fences stay examples

Code fences are displayed examples and never execute:

throw new Error('This is a displayed code example, not a live block.')

For a shared component example, see the interactive pipeline diagram.