rupeshtiwari

Getting Started With Redux

There are 3 principle of redux

1st principle: ( One Application State )

• Everything changes in application including data or ui change is placed in single object called state / state tree.

2nd Principle: ( Dispatch Action )

• State tree is readonly. You can not modify or write. To change state dispatch actions.
• State : minimumal representation of the data to the app.

rupeshtiwari

const one = document.getElementById('one');
const two = document.getElementById('two');
const three = document.getElementById('three');

const f = R.curry((a,b,c)=>{
    a.addEventListener(b, (event)=>{
     event.target.style.backgroundColor= c;
  });
});

rupeshtiwari

const f = a => b => c => a+b+c;
const result = f(1)(2)(3);
console.log(result);
//---------------------------------------

rupeshtiwari

const f = a => b => c => a+b+c;
const result = f(1)(2)(3);
console.log(result);
//---------------------------------------

const one = document.getElementById('one');
const two = document.getElementById('two');
const three = document.getElementById('three');

const f = a => b => c => a.addEventListener(b, (event)=>{

rupeshtiwari

//-----COMPLETE_TODO------------
const stateBefore = {
            todos: [{ text: 'testing', complete: false, path: ['todos', 0] }]
        };
         const stateAfter = {
           todos: [{ text: 'testing', complete: true, path: ['todos', 0] }]
        };

const result = over(lensPath(['todos',0, 'complete']), not, stateBefore);
console.log(result);

rupeshtiwari

var a = {
  selectedPath: [],
  nodes: [{
    title: 'core',
    path:['nodes',0],
    selected: false,
    tabIndex: -1
  },
         {
    title: 'core',

rupeshtiwari

const {
  createSelector
} = Reselect;

const form = {
  firstName: 'Rakesh',
  lastName: 'Tiwari',
  age: 12,
  height: 157
};

rupeshtiwari

// Code goes here
const {createSelector} = Reselect ;

const state = {
  posts: [
     {
       title:'testing',
       id: 1
     },
     {

rupeshtiwari

// Code goes here

const {
  createStore
} = Redux;

const initialState = {
  name: 'Rupesh'
};

rupeshtiwari

// redux store reselect example same idea can be implemented with ngrx store/platform also.
// importing createStore
const {
  createStore
} = Redux;

// importing of from rxjs
const {
  of
} = Rx.Observable;