Portal merender elemen di luar parent DOM tree. Dynamic merender komponen secara dinamis.

Portal

import { Portal } from "solid-js/web"

function Modal(props) {
  return (
    <Portal mount={document.body}>
      <div class="modal-overlay">
        <div class="modal">{props.children}</div>
      </div>
    </Portal>
  )
}

Dynamic

import { Dynamic } from "solid-js/web"

function App() {
  const [tag, setTag] = createSignal("h1")

  return <Dynamic component={tag()}>Heading Dinamis</Dynamic>
}

Portal berguna untuk modal, tooltip, dropdown. Dynamic berguna untuk merender komponen berdasarkan data.