react-cap

A fork of react-helmet with modified public API

Usage no npm install needed!

<script type="module">
  import reactCap from 'https://cdn.skypack.dev/react-cap';
</script>

README

react-cap

A fork of react-helmet

its react-helmet, with the data-react-helmet attribute removed

  • No longer uses data-react-helmet attributes
  • Assumes all HTML metadata is assigned using this package
  • To prevent react-cap from removing metadata assigned not using react-cap:
    • apply attribute data-ignore-metadata to an html element to prevent it being removed
    • apply attribute data-ignore-metadata="attrName,attrName" to an html element to prevent modification of specific attributes

This package was originally created to support using HTML <head> metadata with the react v16 streaming interface. See react-html-metadata for an implementation that supports react server side streaming.

Install

NPM
npm install --save react-cap
Yarn
yarn add react-cap

Usage

import Helmet from 'react-cap';

For more documentation, see react-helmet documentation Usage is exactly the same as react-helmet.

Usage with webpack style-loader

To prevent the webpack <style> tags from being removed, you must configure the style-loader with an ignore attribute.

{
  test: /\.css$/,
  use: [
    { loader: 'style-loader', options: { attrs: { data-ignore-metadata: true } } }
  ]
}

Usage with webpack css-loader

Its recommended you utilize asset files to apply css stylesheets using react-cap

License

MIT