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
- apply attribute
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
;
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