Control flow

In plain English

Solid provides For, Show and Switch components for reactive rendering.

• Use <Show> for conditions.
• Use <For> for lists.
• Keys are handled by the components.

import { For } from 'solid-js'

export default function List(props) {
  return <ul><For each={props.items}>{(item) => <li>{item.title}</li>}</For></ul>
}