@sldm/context

Context/dependency injection for Solidum

Installation

npm install @sldm/context @sldm/core
# or
pnpm add @sldm/context @sldm/core

Features

• 📦 Dependency Injection - Share data across component tree
• 🎯 Type-Safe - Full TypeScript support
• ⚡ Reactive - Context values can be reactive

Quick Start

import { createContext, useContext } from '@sldm/context';
import { createElement } from '@sldm/core';

// Create context
const ThemeContext = createContext('light');

// Provider
function App() {
  return createElement(ThemeContext.Provider, { value: 'dark' }, createElement(ThemedButton, {}));
}

// Consumer
function ThemedButton() {
  const theme = useContext(ThemeContext);
  return createElement(
    'button',
    {
      className: `btn-${theme}`,
    },
    'Click me'
  );
}

API

createContext(defaultValue)

Creates a context.

useContext(context)

Reads context value.

License

MIT © Matthias Kluth