React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

React Nested Status

A server-side utility component that passes status codes. Useful to set HTTP status codes based on which components are being rendered.

Built with React Side Effect.

Based (heavily) on React Document Title.

====================

Installation

npm install --save react-nested-status

Dependencies: React >= 0.11.0

Features

Made for isomorphic apps. Really doesn't have a use without server-side React.
Does not emit DOM, not even a <noscript>;
Like a normal React compoment, can use its parent's props and state;
Can be defined in many places throughout the application;
Supports arbitrary levels of nesting, so you can define app-wide and page-specific titles;

Example

Assuming you use something like react-router:

varApp=React.createClass({render: function(){// Use "My Web App" if no child overrides thisreturn(<NestedStatuscode={200}><this.props.activeRouteHandler/></NestedStatus>);}});varHomePage=React.createClass({render: function(){// Use "Home" while this component is mountedreturn(<NestedStatuscode={200}><h1>Home, sweet home.</h1></NestedStatus>);}});varErrorPage=React.createClass({mixins: [LinkStateMixin],render: function(){// Update using value from state while this component is mountedreturn(<NestedStatuscode={404}><div><h1>Four-oh-four</h1><p>Page not found.</p></div></NestedStatus>);}});

Server Usage

Call NestedStatus.rewind() after rendering components to string to retrieve the status code given to the innermost NestedStatus. You can then use this to set your Express (or other web server) status code.

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.

Example

varmarkup=React.renderToString(React.createFactory(Handler)());varstatus=NestedStatus.rewind();varhtml=React.renderToStaticMarkup(htmlComponent({markup: markup}));// Expressres.status(status).send('<!DOCTYPE html>'+html);

Thank you

A huge thanks to gaearon for his open-source React Document Title that was easy to understand and modify.

Name		Name	Last commit message	Last commit date
test		test
.gitignore		.gitignore
.jshintrc		.jshintrc
LICENSE		LICENSE
README.md		README.md
index.js		index.js
package.json		package.json
yarn.lock		yarn.lock

Name		Name	Last commit message	Last commit date
test		test
.gitignore		.gitignore
.jshintrc		.jshintrc
LICENSE		LICENSE
README.md		README.md
index.js		index.js
package.json		package.json
yarn.lock		yarn.lock

Name		Name	Last commit message	Last commit date
test		test
.gitignore		.gitignore
.jshintrc		.jshintrc
LICENSE		LICENSE
README.md		README.md
index.js		index.js
package.json		package.json
yarn.lock		yarn.lock

Name		Name	Last commit message	Last commit date
test		test
.gitignore		.gitignore
.jshintrc		.jshintrc
LICENSE		LICENSE
README.md		README.md
index.js		index.js
package.json		package.json
yarn.lock		yarn.lock

Name		Name	Last commit message	Last commit date
test		test
.gitignore		.gitignore
.jshintrc		.jshintrc
LICENSE		LICENSE
README.md		README.md
index.js		index.js
package.json		package.json
yarn.lock		yarn.lock

Latest commit

History

Folders and files

Repository files navigation

React Nested Status

Installation

Features

Example

Server Usage

Example

Thank you

About

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages

Latest commit

History

Folders and files

Repository files navigation

React Nested Status

Installation

Features

Example

Server Usage

Example

Thank you

About

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages

Latest commit

History

Folders and files

Repository files navigation

React Nested Status

Installation

Features

Example

Server Usage

Example

Thank you

About

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages

Latest commit

History

Folders and files

Repository files navigation

React Nested Status

Installation

Features

Example

Server Usage

Example

Thank you

About

Resources

Stars

Watchers

Forks

Releases