/

Add New Reducer (4h)

Add New Reducer (4h)

Owned by Eden Duong

Last updated: Aug 25, 2022

1 min read

Reducer

Register a reducer, we must register via etc/config.js file:

import HelloWorld from "../view/reducer";
import ModuleConfigAbstract from "../../ModuleConfigAbstract";

class HelloWorldConfig extends ModuleConfigAbstract{
    module = ['helloworld'];
    reducer = { HelloWorld };
}

export default (new HelloWorldConfig());

Exercise:

Add new reducer in POS
Create menu and component with content “Show Loading” button
Use reducer and redux, when click show loading, show small loading to screen, show loading change to hide loading
Process when click hide loading

Related content

Menu and Component (4h)

Menu and Component (4h)

Dev Training Document

More like this

Layout Mechanism (4h)

Layout Mechanism (4h)

Dev Training Document

More like this

Create New Module (1h)

Create New Module (1h)

Dev Training Document

Read with this

Redux - Middleware (3h)

Redux - Middleware (3h)

Dev Training Document

More like this

Magestore POS Customization

Magestore POS Customization

Dev Training Document

Read with this

ReactJs - Environment Setup (4h)

ReactJs - Environment Setup (4h)

Dev Training Document

More like this