Skip to content

rewop/react-http-status

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

konnektid-react-status Build Status

Set the HTTP status code from inside react components

Install

npm install --save konnektid/konnektid-react-status

Client usage

import React from "react";
import StatusCode from "konnektid-react-status";

// render your component
const MyComponent = () => (
    <StatusCode code={404}>
        <div>
            <p>Sorry, page was not found</p>
        </div>
    </StatusCode>   
);

Server usage

import React from "react";
import { renderToString } from "react-dom/server";
import StatusCode from "konnektid-react-status";

// express middleware
const renderPage = (req, res, next) => {

    const html = renderToString(
        React.createElement(MyRootComponent, props)
    );

    // call this AFTER rendering to string!
    const status = StatusCode.rewind();

    // send the status if one was defined
    if (status) res.status(status);

    res.send(html);
};

About

Set the HTTP status code from inside React components

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%