@marshallku/react-postscribe NPM

@marshallku/react-postscribe

React component to render HTML with postscribe.

Inspired by react-postscribe.

Add TypeScript support (both postscribe and react-postscribe)
Update version of React
Refactor to function component
Remove lodash

Install

npm install @marshallku/postscribe
# or
yarn add @marshallku/postscribe

Usage

import PostScribe from "@marshallku/react-postscribe";

function AdBanner() {
    return (
        <div className="ad-banner">
            <PostScribe html={`<script src="https://example.com/"></script>`} />
        </div>
    );
}

export default AdBanner;

Props

Property	Type	required	Description
html	string	true	An html string or a function that takes a DOM Document and writes to it.
afterAsync	() => void	false	A callback called when an async script has loaded
afterDequeue	() => void	false	A callback called immediately before removing from the write queue
afterStreamStart	() => void	false	A callback called sync after a stream's first thread release
afterWrite	() => void	false	A callback called after writing buffered document.write calls
done	() => void	false	A callback that will be called when writing is finished
autoFix	boolean	false	A boolean that allows disabling the autoFix feature of prescribe
beforeEnqueue	() => void	false	A callback called immediately before adding to the write queue
beforeWrite	() => void	false	A callback called before writing buffered document.write calls
beforeWriteToken	() => void	false	A callback called before writing a token
error	() => void	false	A function that throws the error by default, but could be overwritten
releaseAsync	boolean	false	A boolean whether to let scripts w/ async attribute set fall out of the queue