Make Organizing and Managing Your Redux Store Easy

Objective Redux

Redux made better, objectively.

Make organizing and managing your Redux store easy.

Meet your new Redux API

Install

npm install --save redux redux-saga objective-redux

Setup (for React)

import React from 'react';
import ReactDOM from 'react-dom';
import { ObjectiveStoreProvider, ObjectiveStore } from 'objective-redux';
import App from './app';

export const objectiveStore = new ObjectiveStore();

ReactDOM.render(
  <ObjectiveStoreProvider objectiveStore={objectiveStore}>
    <App />
  </ObjectiveStoreProvider>,
  document.getElementById('root')
);

Example Slice

import { StateController } from 'objective-redux';

const initialState = { isOn: false };

export class SwitchStateController extends StateController {
  constructor(objectiveStore) {
    super(initialState, objectiveStore);
  }

  static getName() {
    return 'switch';
  }

  setSwitch = this.registerAction(
    (state, isOn) => ({ isOn })
  );
}
SwitchOneController.getInstance(objectiveStore).setSwitch(true);

Start using it now

You can read the full documentation for more detailed information, along with examples.

In addition, you can take a look at the example apps in the project’s GitHub repository.

Why use Objective-Redux?

Keep your dependencies simple

Lots of features, one small package

Objective-Redux replaces many of the packages you’re already using.

For example, instead of React-Redux + Redux-Injectors + Redux-Toolkit

react-redux bundle size + redux-injectors bundle size + redux-toolkit bundle size

you can simply use Objective-Redux

objective-redux bundle size

Bundle sizes vary based on how much of the package is unused and how effectively your bundler can remove the unused portions.

Drop the boilerplate code

Actions are a thing of the past— among other things

Object-Redux largely removes the need for action names, actions, switch-statement-reducers, selectors, and dispatching. You just need to write the mutating functions. Objective-Redux can take it from there.

  // Define your mutation and forget about the rest.
  myAction = this.registerAction(
    (state, payload) => ({
      ...state,
      value: payload.value,
    })
  );

Easy Debugging

No more global searches for action names

Using Objective-Redux, your editor knows exactly where to find everything. That means you get intellisense, jump to definition, and more. Plus, your actions and reducer will never get out-of-sync.

[Debugging in VS Code](https://github.comDownload Details:

Author:

Demo:

Source Code: /Objective-Redux/Objective-Redux/blob/master/statics/debugging.png)

Powerful code splitting and lazy loading

Get the pieces of state you need, when you need them

Stop wiring-up your reducers and sagas manually. And, for that matter, stop using large middleware package to help. Objective-Redux will take care of it for you, and it will do it on demand, dynamically, at runtime. Your store no longer needs to know about what’s in it, leaving you free to move parts around as needed.

Lazy load reducers and controller when you need them

You can even use the pre-dispatch hook to load bundles when an action is fired. This allows you to fire actions that target controllers that haven’t been downloaded, yet.

Load bundles at runtime when an action targets a controller in the bundle

See the Code Splitting and Lazy Loading topics in the documentation for more.

Organize your state

One slice, one object

Each controller class represents a slice, giving an intuitive way for developers to look at and conceptualize the state.

A slice of state never needs to know about what other slices are doing or how they’re organized.

organize reducing function into a single class that represents a slice

Compatible with React-Redux

Migrate over time

You can use Objective-Redux and React-Redux together. The ObjectiveStore is a decorated Redux store object and can be used to dispatch, subscribe, getState, and even replaceReducer. Simply pass the ObjectiveStore to the React-Redux provider and use it normally.

See the Use with React-Redux topic in the documentation for more.

Multiple ways to connect

Inject properties or use hooks

You can connect your components to Objective-Redux to inject props from the store. Or, skip the connection process and use React hooks, instead.

Download Details:

Author: Objective-Redux

Source Code: https://github.com/Objective-Redux/Objective-Redux

#react #redux #javascript #reactjs

What is GEEK

Buddha Community

Make Organizing and Managing Your Redux Store Easy

Make Organizing and Managing Your Redux Store Easy

Objective Redux

Redux made better, objectively.

Make organizing and managing your Redux store easy.

Meet your new Redux API

Install

npm install --save redux redux-saga objective-redux

Setup (for React)

import React from 'react';
import ReactDOM from 'react-dom';
import { ObjectiveStoreProvider, ObjectiveStore } from 'objective-redux';
import App from './app';

export const objectiveStore = new ObjectiveStore();

ReactDOM.render(
  <ObjectiveStoreProvider objectiveStore={objectiveStore}>
    <App />
  </ObjectiveStoreProvider>,
  document.getElementById('root')
);

Example Slice

import { StateController } from 'objective-redux';

const initialState = { isOn: false };

export class SwitchStateController extends StateController {
  constructor(objectiveStore) {
    super(initialState, objectiveStore);
  }

  static getName() {
    return 'switch';
  }

  setSwitch = this.registerAction(
    (state, isOn) => ({ isOn })
  );
}
SwitchOneController.getInstance(objectiveStore).setSwitch(true);

Start using it now

You can read the full documentation for more detailed information, along with examples.

In addition, you can take a look at the example apps in the project’s GitHub repository.

Why use Objective-Redux?

Keep your dependencies simple

Lots of features, one small package

Objective-Redux replaces many of the packages you’re already using.

For example, instead of React-Redux + Redux-Injectors + Redux-Toolkit

react-redux bundle size + redux-injectors bundle size + redux-toolkit bundle size

you can simply use Objective-Redux

objective-redux bundle size

Bundle sizes vary based on how much of the package is unused and how effectively your bundler can remove the unused portions.

Drop the boilerplate code

Actions are a thing of the past— among other things

Object-Redux largely removes the need for action names, actions, switch-statement-reducers, selectors, and dispatching. You just need to write the mutating functions. Objective-Redux can take it from there.

  // Define your mutation and forget about the rest.
  myAction = this.registerAction(
    (state, payload) => ({
      ...state,
      value: payload.value,
    })
  );

Easy Debugging

No more global searches for action names

Using Objective-Redux, your editor knows exactly where to find everything. That means you get intellisense, jump to definition, and more. Plus, your actions and reducer will never get out-of-sync.

[Debugging in VS Code](https://github.comDownload Details:

Author:

Demo:

Source Code: /Objective-Redux/Objective-Redux/blob/master/statics/debugging.png)

Powerful code splitting and lazy loading

Get the pieces of state you need, when you need them

Stop wiring-up your reducers and sagas manually. And, for that matter, stop using large middleware package to help. Objective-Redux will take care of it for you, and it will do it on demand, dynamically, at runtime. Your store no longer needs to know about what’s in it, leaving you free to move parts around as needed.

Lazy load reducers and controller when you need them

You can even use the pre-dispatch hook to load bundles when an action is fired. This allows you to fire actions that target controllers that haven’t been downloaded, yet.

Load bundles at runtime when an action targets a controller in the bundle

See the Code Splitting and Lazy Loading topics in the documentation for more.

Organize your state

One slice, one object

Each controller class represents a slice, giving an intuitive way for developers to look at and conceptualize the state.

A slice of state never needs to know about what other slices are doing or how they’re organized.

organize reducing function into a single class that represents a slice

Compatible with React-Redux

Migrate over time

You can use Objective-Redux and React-Redux together. The ObjectiveStore is a decorated Redux store object and can be used to dispatch, subscribe, getState, and even replaceReducer. Simply pass the ObjectiveStore to the React-Redux provider and use it normally.

See the Use with React-Redux topic in the documentation for more.

Multiple ways to connect

Inject properties or use hooks

You can connect your components to Objective-Redux to inject props from the store. Or, skip the connection process and use React hooks, instead.

Download Details:

Author: Objective-Redux

Source Code: https://github.com/Objective-Redux/Objective-Redux

#react #redux #javascript #reactjs

Siphiwe  Nair

Siphiwe Nair

1624162620

Common Mistakes Organizations Make When Using Big Data

Understanding how to manage the gigantic volumes of data can be troublesome

Each business is presently a data business. Data is a key vital resource today whether you’re an enormous global conglomerate or a locally owned, family-run business. If you don’t have a successful data strategy—or one by any means—your organization is passing up the immense potential business value data offers.

With the assistance of the most recent technologies, organizations of all sizes approach rich, granular information about their operations and customers, which is a key vital resource for them. However, understanding how to manage the gigantic volumes of data can be troublesome and expensive for the organizations and even with the correct tools available to them, it very well may be overpowering.

There are high odds of organizations committing errors with their datasets with such a lot of complexity around big data. Here are common mistakes organizations make while using big data

#big data #latest news #common mistakes organizations make when using big data #analytics #common mistakes organizations make #organizations

Origin Scale

Origin Scale

1616572311

Originscale Order Management System

Originscale order management software helps to manage all your orders across channels in a single place. Originscale collects orders across multiple channels in real-time - online, offline, D2C, B2B, and more. View all your orders in one single window and process them with a simple click.

#order management system #ordering management system #order management software #free order management software #purchase order management software #best order management software

Tech Avidus

Tech Avidus

1604379605

Digital Assets Management Software Solution | AI-based Assets Management System

A Digital Asset Management System makes it easier to store, manage, and share all of your digital assets on cloud-based storage.

We help you to build Digital Asset Management (DAM) systems with your precise business requirements, whether you want one for maintaining management, production management, brand management systems, or implementing with your sales department with the digital assets it needs.

To learn more about how the Digital Asset Management system will help your business, email us at hello@techavidus.com

#digital assets management #assets management solution #digital asset management system #production management #brand management

Revenue Cycle Management Software Services and Custom Integration - SISGAIN

Revenues come day in day out and it becomes strenuous to keep a track of them. With the help of Revenue cycle management software, one is able to perform the hospital revenue cycle management in Oklahoma, USA in a much simplified and easy manner. Our skilful developers and engineers created the healthcare revenue cycle management software that is convenient to use by its users and meets the customers requirement. We happen to be one of the notable revenue cycle management companies, facilitating the needs of our customers and being efficient and useful in performance. For more information call us at +18444455767 or email us at hello@sisgain.com

#revenue cycle management #revenue cycle management software #revenue cycle management companies #hospital revenue cycle management #revenue cycle management services #revenue cycle management solutions