createSelector

Import

import { createSelector } from '@videojs/store';

Usage

createSelector creates a type-safe selector function for a given slice. The returned selector extracts that slice’s state from the full store state, or returns undefined if the slice is not configured.

The built-in selectors (selectPlayback, selectBuffer, etc.) are all created with createSelector. Use it to create selectors for custom slices.

import { createSelector } from '@videojs/store';
import { myCustomSlice } from './my-custom-slice';

const selectCustom = createSelector(myCustomSlice);

// Use with usePlayer (React) or PlayerController (HTML)
const state = selectCustom(store.state);
// state is MyCustomState | undefined