# react-bulkhead

> React component to allow 3rd party components to operate over DOM-tree (d3, three.js)

Latest version **2.1.2** (published 2019-10-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-bulkhead
pnpm add react-bulkhead
yarn add react-bulkhead
bun add react-bulkhead
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.1.2 |
| Published | 2019-10-24 |
| First published | 2016-08-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 38.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 46 |
| Author | Nik Butenko |
| Maintainers | nkbt |
| Keywords | component, react-component, react, bulkhead, dom, side-effect, ref |

## Links

- npm: https://www.npmjs.com/package/react-bulkhead
- Repository: https://github.com/nkbt/react-works/tree/master/packages/bulkhead
- Issues: https://github.com/nkbt/react-works/issues
- npm.io page: https://npm.io/package/react-bulkhead

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0

## Alternatives

- [babylon](https://npm.io/package/babylon.md) — 5.1M weekly downloads
- [csscolorparser](https://npm.io/package/csscolorparser.md) — 3.7M weekly downloads
- [expr-eval-fork](https://npm.io/package/expr-eval-fork.md) — 1.5M weekly downloads
- [@leeoniya/ufuzzy](https://npm.io/package/@leeoniya/ufuzzy.md) — 247.7K weekly downloads
- [xml-parser](https://npm.io/package/xml-parser.md) — 78.4K weekly downloads

## Recent versions

- 2.1.2 (latest) — 2019-10-24
- 1.1.0-alpha.991c38f7 (canary) — 2017-02-12
- 2.1.1 — 2017-09-30
- 2.1.0 — 2017-05-17
- 2.0.1 — 2017-05-17
- 2.0.0 — 2017-05-17
- 1.1.1 — 2017-02-12
- 1.1.0 — 2016-08-29
- 1.0.0 — 2016-08-29

## README

# react-bulkhead [![npm](https://img.shields.io/npm/v/react-bulkhead.svg?style=flat-square)](https://www.npmjs.com/package/react-bulkhead)

React component to allow 3rd party components to operate over DOM-tree (d3, three.js)

[![Gitter](https://img.shields.io/gitter/room/nkbt/help.svg?style=flat-square)](https://gitter.im/nkbt/help)
[![Dependencies](https://img.shields.io/david/nkbt/react-bulkhead.svg?style=flat-square)](https://david-dm.org/nkbt/react-bulkhead)
[![Dev Dependencies](https://img.shields.io/david/dev/nkbt/react-bulkhead.svg?style=flat-square)](https://david-dm.org/nkbt/react-bulkhead#info=devDependencies)


## Installation


### NPM

```sh
npm install --save react react-bulkhead
```

Don't forget to manually install peer dependencies (`react`) if you use npm@3.


### 1998 Script Tag:

```html
<script src="https://unpkg.com/react/dist/react.min.js"></script>
<script src="https://unpkg.com/react-bulkhead/build/react-bulkhead.min.js"></script>
(Module exposed as `ReactBulkhead`)
```


## Demo

[http://nkbt.github.io/react-bulkhead](http://nkbt.github.io/react-bulkhead)

## Codepen demo

[https://codepen.io/nkbt/pen/RVYrwN](https://codepen.io/nkbt/pen/RVYrwN)

## Usage
```js
import React from 'react';
import ReactDOM from 'react-dom';
import {ReactBulkhead} from 'react-bulkhead';


const onCreate = ({element}) => {
  element.innerHTML = 'Gotcha! Mutable DOM here';
};

const App = () => (
  <div>
    <ReactBulkhead onCreate={onCreate} />
  </div>
);

const appRoot = document.createElement('div');
document.body.appendChild(appRoot);
ReactDOM.render(<App />, appRoot);
```


## Options

```js
// TODO
```

## License

MIT

---
_Source: https://npm.io/package/react-bulkhead · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._