javascript podstawy implementacji

Posted 2021-05-03

//wiele reducerów łączymy w ten sposób ...
import { createStore, combineReducers } from "redux";

const todoApp = combineReducers({ todos, visibilityFilter });
export const store = createStore(todoApp);

import { createStore } from "redux"; //dzięki temu uruchomimy store reduxa


// Reducer przykładowy
export const counter = (state = 0, action) => {
  switch (action.type) {
    case "INCREMENT":
      return state + 1;
    case "DECREMENT":
      return state - 1;
    default:
      return state;
  }
};

//utworzyliśmy store i przekazaliśmy reducera który zajmie się zmienianiem state
export const store = createStore(reducer); 

//dispatch uruchomi reducera
store.dispatch({ type: "INCREMENT" }); 

//getState wyświetli aktualny state
store.getState()

//Subscribe zaktualizuje nasz component zakażdym razem gdy zmieni się coś w state
store.subscribe(render)