Flow: action -> state -> view
Pros: simple one way data flow
Cons: all time rerender all DOM elements
Simple sync virtual dom and real dom
Pros: doesn't re render all DOM element, just spot update DOM element
Description of DOM elements in JSON format
More declarative approach to create DOM element
VDom implements the “Factory” pattern, in this case it is primitive
Pros: Concisely writing DOM elements using our VDom than using JSON.
Added react and react-dom to project
Added babel at the top script of index.html for jsx
store.subscribe - adds listener to Store store.changeState - like action, changes state and runs all listeners
At our listener we add callback with renderView(store.getState());, when our lister starts, he starts renderView with new state, and React render/rerender DOM elements
improved store
add Redux
Flux
add react-redux, redux-thunk
add hooks