npmpackage.info

Gathering detailed insights and metrics for redux-bundler-preact

Other packages similar to redux-bundler-preact

subapp-pbundle

1.1.1

Electrode subapp support for Preact and redux-bundler

Gathering detailed insights and metrics for redux-bundler-preact

redux-bundler-preact - 2.0.1 | npmpackage.info

redux-bundler-preact

Preact bindings for redux-bundler

2.0.1

JavaScript

703.00 B

93,386 1.6

Installations

npm install redux-bundler-preact

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.13.0

NPM Version

6.13.1 Score

70.3

Supply Chain

Quality

77.4

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

6

Total

9

Closed

0

Merged

3

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

JavaScript (100%)

Developer

HenrikJoreteg

Download Statistics

Total Downloads

93,386

Last Day

Last Week

316

Last Month

1,217

Last Year

37,214

GitHub Statistics

7 Stars

17 Commits

1 Forks

3 Watchers

8 Branches

2 Contributors

Updated on Jun 10, 2023

Bundle Size

1.49 kB

Minified

703.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

2.0.1

Package Id

redux-bundler-preact@2.0.1

Unpacked Size

10.07 kB

Size

3.61 kB

File Count

NPM Version

6.13.1

Node Version

12.13.0

Total Downloads

Cumulative downloads

Total Downloads

93,386

Last Day

-29.3%

Compared to previous day

Last Week

-26.9%

316

Compared to previous week

Last Month

-57.8%

1,217

Compared to previous month

Last Year

18.3%

37,214

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

preact

Dev Dependencies

microbundle preact preact-render-to-string redux-bundler tap-spec tape

redux-bundler-preact

Bindings for redux-bundler to Preact

install

Install v2 for Preact >=10.0.0:

npm install redux-bundler-preact

Install v1 for Preact v3-8:

npm install redux-bundler-preact@^1

example / docs

Similar to react-redux, or preact-redux this has two exports, Provider and connect.

Provider puts the store into the context so that connected components can get access to it:

1import { connect, Provider } from 'redux-bundler-preact'
2import getStore from './bundles'
3import AppRoot from './app-root'
4
5export default () => (
6  <Provider store={getStore()}>
7    <AppRoot />
8  </Provider>
9)

connect works a bit differently for redux-bundler than you may be used to. You pass it the string names of the selectors and action creators you want to grab from the store. The last argument should always be the component itself.

1import { connect } from 'redux-bundler-preact'
2
3const MyComponent = ({ myValue, myOtherValue, doInitiateSignIn }) => (
4  <div onClick={doInitiateSignIn}>
5    {myValue} {myOtherValue}
6  </div>
7)
8
9// Here we use `connect()` to specify which selector values and action creators
10// that we want to use.
11// Note that it is quite inexpensive to connect many components since the diffing
12// happens outside of the component entirely.
13// If you try to connect something that doesn't exist, it will error at runtime
14// for easier debugging
15export default connect(
16  'selectMyValue',
17  'selectMyOtherValue',
18  'doInitiateSignIn',
19  MyComponent
20)

credits

If you like this follow @HenrikJoreteg on twitter.

Big thanks to @swashcap for his contributions.

changelog

2.0.1 - update deps for security patches
2.0.0 - upgrade to preact X
1.x - preact 8 and lower

license

MIT

No vulnerabilities found.

10

Binary-Artifacts

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

2

Code-Review

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

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

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

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.6

/10

Last Scanned on 2025-06-30

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