Webcam React is a powerful library that provides easy integration of webcam and media stream features into your React applications. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to request, display, and manage camera streams in a modern React app.
## Supported Features
- **Live webcam preview** - render media streams with a simple React component
- **Snapshots** - capture the current frame as base64 image data
- **Constraint controls** - configure camera source, resolution, facing mode, and more
- **Stream lifecycle hooks** - react to request, start, stop, and error events
- **External stream support** - attach an existing `MediaStream` when needed
## Documentation
Visit https://react-webcam-ultimate.vercel.app/en/react to view the full documentation.
## Getting Started
```bash
npm install @webcam/react
```
```tsx
import React from 'react';
import ReactDOM from 'react-dom/client';
import { Webcam } from '@webcam/react';
const App = () => (
console.error(error)}
/>
);
ReactDOM.createRoot(document.getElementById('root')!).render(
);
```
Create a component to use webcam snapshots:
```tsx
import { Webcam } from '@webcam/react';
export const Camera = () => {
return (
{({ getSnapshot }) => (
)}
);
};
```
## Reactuse
Reactuse delivers **production-ready hooks** that solve real-world problems. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to build modern React applications. Improve your react applications with our library 📦 designed for comfort and speed.
## Documentation
Visit https://reactuse.org to view the full documentation.
## Getting Started
```bash
npm install @siberiacancode/reactuse
```
