A declarative, nested, stateful document.title for React
npm install react-document-titleReact Document Title
====================
Provides a declarative way to specify document.title in a single-page app.
This component can be used on server side as well.
Built with React Side Effect.
====================
``
npm install --save react-document-title
Dependencies: React >= 0.13.0
* Does not emit DOM, not even a
Assuming you use something like react-router:
`javascript
var App = React.createClass({
render: function () {
// Use "My Web App" if no child overrides this
return (
);
}
});
var HomePage = React.createClass({
render: function () {
// Use "Home" while this component is mounted
return (
Home, sweet home.
);
}
});
var NewArticlePage = React.createClass({
mixins: [LinkStateMixin],
render: function () {
// Update using value from state while this component is mounted
return (
New Article
);
}
});
`
If you use it on server, call DocumentTitle.rewind() after rendering components to string to retrieve the title given to the innermost DocumentTitle. You can then embed this title into HTML page template.
Because this component keeps track of mounted instances, you have to make sure to call rewind` on server, or you'll get a memory leak.
Looking for something more powerful? Check out React Helmet!