Installations

npm install @acutejs/plugin-redux

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

13.6.0

NPM Version

6.13.4 Pull Requests

Open

4

Total

8

Closed

0

Merged

4

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

1

JavaScript

JavaScript (100%)

Developer

liamnewmarch

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

7 Commits

2 Watchers

5 Branches

1 Contributors

Updated on Jun 15, 2021

Maintainers

1

View All 1 Contributors

Package Meta Information

Latest Version

0.0.2

Package Id

@acutejs/plugin-redux@0.0.2

Unpacked Size

2.39 kB

Size

1.32 kB

File Count

5

NPM Version

6.13.4

Node Version

13.6.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

1

redux

Dev Dependencies

2

eslint eslint-config-google

@acutejs/plugin-redux

A plugin for Acute to use Redux.

Usage

First, install the plugin and its peer-dependency, redux.

1npm install @acutejs/plugin-redux redux

Then, use Redux’s helpers to create a store.

store.js

1import { createStore, combineReducers } from 'redux';
2
3const counter = (state = 0, action) => {
4  switch (action.type) {
5    case 'DECREMENT_COUNTER':
6      return state - 1;
7    case 'INCREMENT_COUNTER':
8      return state + 1;
9    default:
10      return state;
11  }
12};
13
14export default createStore(combineReducers({
15  counter,
16}));

Next, pass the plugin and a reference to the store to Acute’s createApp().

1import redux from '@acutejs/plugin-redux';
2import store from './store.js';
3
4createApp({
5  // ...
6  plugins: [
7    redux({
8      store,
9    }),
10  ],
11});

Finally, use the store’s methods to add interactivity to your Acute components.

1import store from './store.js';
2
3export default {
4  events: {
5    click() {
6      store.dispatch({ type: 'INCREMENT_COUNTER' });
7    }
8  },
9  render() {
10    const { counter } = store.getState();
11    const plural = counter === 1 ? 'time' : 'times';
12    return `<button> You’ve clicked me ${message} ${plural} </button>`;
13  },
14};

No vulnerabilities found.

10

Binary-Artifacts

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

0

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.3

/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