https://github.com/sequencemedia/react-router-render
Render isomorphic React + React Router apps and components in Node
https://github.com/sequencemedia/react-router-render
isomorphic react react-router render
Last synced: about 1 year ago
JSON representation
Render isomorphic React + React Router apps and components in Node
- Host: GitHub
- URL: https://github.com/sequencemedia/react-router-render
- Owner: sequencemedia
- Created: 2019-05-28T15:16:08.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2025-04-22T05:42:58.000Z (about 1 year ago)
- Last Synced: 2025-04-23T00:47:46.328Z (about 1 year ago)
- Topics: isomorphic, react, react-router, render
- Language: JavaScript
- Homepage:
- Size: 3.4 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-router-render
Render isomorphic _React_ apps and components in Node.
- Using _React Router_
_For React Router 7._
An example implementation of the companion package `@sequencemedia/react-router-redux-render` can be found in [react-router-pagination-io](http://github.com/sequencemedia/react-router-pagination-io.git).
## Example
In Express:
```javascript
const express = require('express')
const app = express()
const port = 3000
const routes = require('./path/to/routes')
const {
renderToString
} = require('react-router-render')
app.get('/', ({ url: { path: pathname = '/' } }, res) => res.send(renderToString(routes, pathname)))
app.listen(port, () => console.log(`Express ${port}`))
```
If React Router matches the `pathname` to a `` then `renderToString` returns a string.
If `renderToString` encounters an error then it throws a `500 Internal Server Error`.
If `renderToString` cannot match the `pathname` to a `` then it throws a `404 Not Found`.
## In this package
`react-router-render` exports three functions:
1. `renderToString`
2. `renderToStaticMarkup`
3. `render`
`renderToString` generates `