Context membagikan data ke seluruh subtree tanpa prop drilling.

createContext

import { createContext, useContext } from "solid-js"

const ThemeContext = createContext("light")

function ThemeProvider(props) {
  return (
    <ThemeContext.Provider value="dark">
      {props.children}
    </ThemeContext.Provider>
  )
}

function ThemedButton() {
  const theme = useContext(ThemeContext)
  return <button class={theme}>Themed Button</button>
}

Context cocok untuk: theme, auth state, locale, konfigurasi yang jarang berubah.