npmpackage.info

Gathering detailed insights and metrics for @sequencemedia/react-router-redux-render

@sequencemedia/react-router-redux-render - 2.5.35 | npmpackage.info

@sequencemedia/react-router-redux-render

Render isomorphic React + React Router + Redux apps and components in Node

2.5.35

JavaScript

12.73 kB

170,930 4.5

Installations

npm install @sequencemedia/react-router-redux-render

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>=18.12.0 <=21.7.3 || >=22.2.0

Node Version

22.15.0

NPM Version

10.9.2 Pull Requests

Open

0

Total

219

Closed

218

Merged

1

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

TypeScript

Shell

JavaScript (85.39%)

TypeScript (10.09%)

Shell (4.52%)

Developer

sequencemedia

Download Statistics

Total Downloads

170,930

Last Day

Last Week

840

Last Month

3,543

Last Year

30,870

GitHub Statistics

2 Stars

1,928 Commits

2 Branches

1 Contributors

Updated on May 09, 2025

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

2.5.35

Package Id

@sequencemedia/react-router-redux-render@2.5.35

Unpacked Size

12.73 kB

Size

3.68 kB

File Count

NPM Version

10.9.2

Node Version

22.15.0

Published on

May 06, 2025

Total Downloads

Cumulative downloads

Total Downloads

170,930

Last Day

-23.1%

Compared to previous day

Last Week

29.4%

840

Compared to previous week

Last Month

14.4%

3,543

Compared to previous month

Last Year

-58.8%

30,870

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

react-router-redux-render

Render isomorphic React apps and components in Node.

Using React Router
With Redux

For React Router 7.

An example implementation can be found in react-router-pagination-io.

Example

In Express:

1const express = require('express')
2
3const app = express()
4const port = 3000
5
6const {
7  configureStore
8} = require('./path/to/store')
9
10const store = configureStore()
11
12const routes = require('./path/to/routes')
13
14const {
15  renderToString
16} = require('react-router-redux-render')
17
18app.get('/', ({ url: { path: pathname = '/' } }, res) => res.send(renderToString(store, routes, pathname)))
19
20app.listen(port, () => console.log(`Express ${port}`))

If React Router matches the pathname to a <Route /> then renderToString returns a string.

If renderToString encounters an error then it throwa a 500 Internal Server Error.

If renderToString cannot match the pathname to a <Route /> then it throws a 404 Not Found.

In this package

react-router-redux-render exports three functions:

renderToString
renderToStaticMarkup
render

renderToString generates <html /> including the attributes that React uses in ReactDOM.hydrate(). It implements ReactDOMServer.renderToString().

renderToStaticMarkup doesn't include those attributes. It's useful for using React as a rendering engine for static pages. It implements ReactDOMServer.renderToStaticMarkup().

render executes renderToString but returns a Promise which resolves to a string.

Companion packages

@sequencemedia/react-router-redux-render for React Router apps (with Redux)
@sequencemedia/react-router-render for React Router apps (without Redux)
@sequencemedia/react-redux-render for React Redux apps (without React Router)

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

Score

4.5

/10

Last Scanned on 2025-04-28

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@sequencemedia/react-router-redux-render

Installations

Developer Guide

Yes

ESM

>=18.12.0 <=21.7.3 || >=22.2.0

22.15.0

10.9.2

Pull Requests

0

219

218

1

Issues

0

0

0

Releases

Unable to fetch releases

Languages

Developer

sequencemedia

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

170,930

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

react-router-redux-render

Example

In this package

Companion packages

10

10

10

0

0

0

0

0

0

4.5

/10