createSelector

Import

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

createSelector is also re-exported from @videojs/react and @videojs/html.

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: object): (S extends Slice<any, infer State, infer Derived> ? Simplify<PublicSourceState<State> & Derived> : never) | undefined; displayName?: string }