dev-resources.site

for different kinds of informations.

New redux-lightweight library to help reduce redux boilerplate

Published at

12/20/2018

Categories

react

redux

actions

reducer

Author

doniyor2109

Main Article

https://dev.to/doniyor2109/new-redux-lightweight-library-to-help-reduce-redux-boilerplate--4gd5

Categories

4 categories in total

Author

11 person written this

New redux-lightweight library to help reduce redux boilerplate

It is always our job to write actions, action types and reducers to work with redux. However they serve for one thing and they should not be spread. redux-lightweight library allows you to write your reducers, actions and action types in one class.

class Counter {
    state = {
        number: 0;
    }
    increment(amount) {
        return this.state.number + amount;
    }
}

As you see all redux stuff is inside one class.

Hope, it will help you with working redux easier.

doniyor2109 / redux-lightweight

Write one business logic instead of writing actions, action types and reducers

redux-lightweight

This library generates actions creators, action types and reducers for you. It uses class as a syntactic sugar for generating actions and reducers.

Table of Contents

Introduction

Motivation

Redux is great library which solves data management. However it introduces some boilerplate. In order to add one business logic, developer must create 3 different things (action type, action creator, reducer) and they do one thing together. That is why I have decide to create utility that allows declare them in one place. One business logic should be declared in one place.

This library is inspired by redux-actions and mobx

Getting Started

Installation

$ npm install --save redux-lightweight

or

$ yarn add redux-lightweight

Usage

Create class that has state property as…

reducer Article's

18 articles in total

Bootcamping 02: Named exports and default exports - does it really matter?

Using useReducer for Complex State Logic

রিডাক্সে মাধ্যমে এরেতে ডাটা পাঠানো ।

Using useReducer and Redux Toolkit Together: A Powerful Combination for State Management

React MVC Store, Reducer, Controller all in one

Context — React state management techniques with chocolate milk

Create a Sticky Notes App using React useReducer Hook

Learn Redux by writing your own implementation

The best Couple: useContext + useReducer !

useReducer Vs useState (The War)

useReducer final destination (Signing Off):

Power of Js reducer

Redux reducers in a React application

State, Reducers, And useReducer In React

Why I Love useReducer

Reducing Your Array The Right Way

JavaScript Array.reduce() explained with LEGO bricks

New redux-lightweight library to help reduce redux boilerplate

currently reading

Featured ones:

abubakersiddique761