# Video.js v10 — React Documentation

- [Features](/docs/framework/react/concepts/features.md): The state and actions each feature adds to the player
- [Overview](/docs/framework/react/concepts/overview.md): How Video.js players are structured — state, UI, and media
- [Presets](/docs/framework/react/concepts/presets.md): Pre-packaged player configurations that bundle state management, skins, and media elements for specific use cases.
- [Skins](/docs/framework/react/concepts/skins.md): Packaged player designs that include both UI components and their styles.
- [UI components](/docs/framework/react/concepts/ui-components.md): How Video.js UI components work — one element per component, data attributes for state, and compound composition.
- [v10 Roadmap](/docs/framework/react/concepts/v10-roadmap.md): Timeline and milestones for Video.js v10 rebuild and the future of v8
- [Customize skins](/docs/framework/react/how-to/customize-skins.md): Learn how to customize Video.js v10 skins by copying and modifying them
- [Installation](/docs/framework/react/how-to/installation.md): Install Video.js and build your first player with streaming support and accessible controls
- [BufferingIndicator](/docs/framework/react/reference/buffering-indicator.md): Loading indicator that displays when the video player is buffering or waiting for data
- [CaptionsButton](/docs/framework/react/reference/captions-button.md): Accessible captions toggle button with availability detection and state reflection
- [Controls](/docs/framework/react/reference/controls.md): Container component for composing and auto-hiding video player controls on user interaction
- [createPlayer](/docs/framework/react/reference/create-player.md): Factory function that creates a player instance with typed store, Provider component, Container, and hooks
- [createSelector](/docs/framework/react/reference/create-selector.md): Create a type-safe selector for a store slice's state
- [Buffer](/docs/framework/react/reference/feature-buffer.md): Buffered and seekable time range state for the player store
- [Controls](/docs/framework/react/reference/feature-controls.md): User activity and controls visibility state for the player store
- [Error](/docs/framework/react/reference/feature-error.md): Media error state and actions for the player store
- [Fullscreen](/docs/framework/react/reference/feature-fullscreen.md): Fullscreen state and actions for the player store
- [Picture-in-picture](/docs/framework/react/reference/feature-pip.md): Picture-in-picture state and actions for the player store
- [Playback](/docs/framework/react/reference/feature-playback.md): Play/pause state and actions for the player store
- [Playback rate](/docs/framework/react/reference/feature-playback-rate.md): Playback speed state and actions for the player store
- [Source](/docs/framework/react/reference/feature-source.md): Media source state and actions for the player store
- [Text tracks](/docs/framework/react/reference/feature-text-tracks.md): Subtitles, captions, and chapter track state for the player store
- [Time](/docs/framework/react/reference/feature-time.md): Playback position and duration state for the player store
- [Volume](/docs/framework/react/reference/feature-volume.md): Volume level and mute state for the player store
- [FullscreenButton](/docs/framework/react/reference/fullscreen-button.md): Accessible fullscreen toggle button with keyboard support and state reflection
- [MuteButton](/docs/framework/react/reference/mute-button.md): Accessible mute/unmute button with keyboard support and volume state reflection
- [PiPButton](/docs/framework/react/reference/pip-button.md): Accessible picture-in-picture toggle button with keyboard support and state reflection
- [PlayButton](/docs/framework/react/reference/play-button.md): Accessible play/pause button with keyboard support and customizable rendering
- [PlaybackRateButton](/docs/framework/react/reference/playback-rate-button.md): A button that cycles through playback speed rates
- [Player.Container](/docs/framework/react/reference/player-container.md): The player's interaction surface — handles layout, fullscreen, media attachment, and user activity detection.
- [Player.Provider](/docs/framework/react/reference/player-provider.md): The state boundary — creates a store and broadcasts it to all descendants.
- [Popover](/docs/framework/react/reference/popover.md): A popover component for displaying contextual content anchored to a trigger
- [Poster](/docs/framework/react/reference/poster.md): Poster image component that displays a thumbnail until video playback starts
- [renderElement](/docs/framework/react/reference/render-element.md): Utility for rendering UI component elements with state-driven props and render prop support
- [SeekButton](/docs/framework/react/reference/seek-button.md): Accessible seek button for skipping forward or backward by a configurable number of seconds
- [Slider](/docs/framework/react/reference/slider.md): A composable slider component with track, fill, thumb, preview, and value parts
- [Thumbnail](/docs/framework/react/reference/thumbnail.md): Time-based thumbnail preview component for timeline scrubbing and hover previews
- [Time](/docs/framework/react/reference/time.md): Time display components for showing current time, duration, and remaining time in a video player
- [TimeSlider](/docs/framework/react/reference/time-slider.md): A slider component for seeking through media playback time
- [Tooltip](/docs/framework/react/reference/tooltip.md): A tooltip component for displaying contextual labels on hover and focus
- [useButton](/docs/framework/react/reference/use-button.md): Hook for creating accessible button components with keyboard and pointer interaction
- [Player.useMedia](/docs/framework/react/reference/use-media.md): Hook to access the underlying media element from within a Player.Provider
- [useMediaRegistration](/docs/framework/react/reference/use-media-registration.md): Hook to register a custom media element with the player context
- [Player.usePlayer](/docs/framework/react/reference/use-player.md): Hook to access the player store from within a Player.Provider
- [usePlayerContext](/docs/framework/react/reference/use-player-context.md): Hook to access the full player context including store, media element, and media setter
- [useSelector](/docs/framework/react/reference/use-selector.md): Low-level hook for subscribing to derived state with customizable equality checks
- [useSnapshot](/docs/framework/react/reference/use-snapshot.md): Hook to subscribe to a State container's current value
- [useStore](/docs/framework/react/reference/use-store.md): Hook to access store state and actions with optional selector-based subscriptions
- [VolumeSlider](/docs/framework/react/reference/volume-slider.md): A slider component for controlling media playback volume