JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 115
  • Score
    100M100P100Q77140F
  • License MIT

A fork of react-helmet with modified public API

Package Exports

  • react-cap
  • react-cap/lib/CapUtils

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-cap) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

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