open-index/open-npm huggingface dataset:
npm package: @rogdevil/react-video-recorder
Description: ## Installation
Author: rogdevil
Latest version: 4.1.0

# react-video-recorder

## Installation

```sh
yarn add react-video-recorder

# Note: this project has react, react-dom, prop-types & styled-components as peerDependencies,
#       so if you're starting from scratch run this instead:
yarn add react-video-recorder react react-dom prop-types styled-components
```
### Typescript
If using Typescript, typing is available via:
```sh
yarn add -D @types/react-video-recorder
```
## Usage

Basic usage [(edit in stakblitz)](https://stackblitz.com/edit/react-video-recorder-demo):

```js
import React from 'react'
import { render } from 'react-dom'
import VideoRecorder from 'react-video-recorder'

const App = () => (
  <VideoRecorder
    onRecordingComplete={(videoBlob) => {
      // Do something with the video...
      console.log('videoBlob', videoBlob)
    }}
  />
)

render(<App />, document.getElementById('root'))
```

Also check the [Storybook](https://react-video-recorder.vercel.app/) for more demos and usage examples.

**Note:** if you click the **"Show info"** button in the top-right corner, you should be able to see a table with the supported prop-types.

### Modifying the UI

All the UI can be customized by passing the following props:

#### `renderDisconnectedView`

View that's rendered before the user enables the camera access.

**Default value:** `() => <DisconnectedView />`

[See `<DisconnectedView />` source here.](src/defaults/disconnected-view.js)

#### `renderLoadingView`

View that's rendered while the camera is initializing.

`() => <LoadingView />`

[See `<LoadingView />` source here.](src/defaults/loading-view.js)

#### `renderVideoInputView`

View that's rendered when the browser does not support inline recording but allows opening the native camera (mainly iOS).

**Default value:** `({ videoInput }) => <Fragment>{videoInput}</Fragment/>`

#### `renderUnsupportedView`

View that's rendered when the browser does not support recording video.

**Default value:** `() => <UnsupportedView />`

[See `<UnsupportedView />` source here.](src/defaults/unsupported-view.js)

#### `renderErrorView`

View that's rendered an unexpected error occurs.

**Default value:** `() => <ErrorView />`

[See `<ErrorView />` source here.](src/defaults/error-view.js)

#### `renderActions`

Overlay that's rendered on top of the views and that contains the elements like the buttons, the timer or the countdown.

[See the default implementation here.](src/defaults/render-actions.js)

## Development

Requirements

`node version ">=8.3"`

Install packages

```sh
yarn install
```

Run the storybook demo

```sh
yarn start
```

### Committing

To commit run yarn start then commit. We use Husky to verify before committing.
npm package: @rogelio171/platzom
Description: Translator to platzom language
Author: Rogelio Orona
Latest version: 0.1.0

# Platzom

**Platzom** is an invented language for the course of
[JavaScript Fundamentals](https://platzi.com/js)
from [Platzi](https://platzi.com).

## Description
The new language called **Platzom** use the following rules:
 * If the word ends with 'ar', those characters will be removed. Eg. Programar -> Program.
 * If the word starts with 'z', 'pe' will be added. Eg. zorro -> zorrope | zarpar -> zarp(by the first rule) -> zarppe.
 * If the translated word has 10 or more letters, it should be split in the middle using a hyphen. Eg. abecedario -> abece-dario.
 * If the word is a palindrome, none of the rules will be applied and the same word with intercalated uppercase and lowercase is returned. Eg. sometemos -> SoMeTeMoS.

## Installation

```
 npm install platzom
```

## How to use

```
import platzom from 'platzom'

platzom("Programar")  //Program
platzom("zorro")      //Zorrope
platzom("Zarpar")     //Zarppe
platzom("abecedario") //abece-dario
platzom("sometemos")  //SoMeTeMoS
```

## License

[MIT] (https://opensource.org/licenses/MIT)