svelte3-redux


Redux for Svelte 3

Introduction

This is an experimental project to combine Redux and Svelte3.
It provides the same state usage tracking support
in reactive-react-redux.

Install

``bash
npm install svelte3-redux
`

Usage (bind)

This is simple usage.
Reactivity works for all components.

`html


Counter

`javascript
import { createStore } from 'redux';
import { bindTracked } from 'svelte3-redux';

const initialState = {
count: 0,
text: 'hello',
};

const reducer = (state = initialState, action) => {
switch (action.type) {
case 'increment': return { ...state, count: state.count + 1 };
case 'decrement': return { ...state, count: state.count - 1 };
case 'setText': return { ...state, text: action.text };
default: return state;
}
};

const store = createStore(reducer);
export default () => bindTracked(store);
`

$3

`html


Counter

`html


TextBox

- store Store<State, Action>

#### Examples

`javascript
import { createStore } from 'redux';
import { bind } from 'svelte3-redux';

const store = createStore(reducer);
export default bind(store);
`

$3

Take Redux store and return a global state for Svelte.
With state usage tracking.

#### Parameters

- store Store<State, Action>

#### Examples

`javascript
import { createStore } from 'redux';
import { bindTracked } from 'svelte3-redux';

const store = createStore(reducer);
export default () => bindTracked(store);
`

Examples

The examples folder contains working examples.
You can run one of them with

`bash
PORT=8080 npm run examples:01_minimal
``

and open in your web browser.