React 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
- Like a normal React compoment, can use its parent's
- Can be defined in many places throughout the application;
- Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;
- Works just as well with isomorphic apps.
Assuming you use something like react-router:
var App = React;var HomePage = React;var NewArticlePage = React;
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.
But What About Meta Tags?
Looking for something more powerful? Check out React Helmet!