How to make the Demographic Component Stateful

We already know that we need to convert our stateless demographic form component into a stateful one. Luckily, it’s easy to make our component stateful. All we need to do is add an :id and then our component will be able to respond to events and manage its own state.

We probably expected a long, involved discussion about stateful components here, but that’s really all there is to it. We add that :id in pento/lib/pento_web/live/survey_live.html.leex, like this: