Please enable JavaScript.

Coggle requires JavaScript to display documents.

modern frameworks - Coggle Diagram

- - - - websites could respond faster with parties updates to the view
    - - when data changes in the view-model, any view bound to it is automatically updated.
      - data binder exposes data and helps guarantee that when data changes, it’s reflected in the view
- - - - the combination of complex state and asyncrhony
    - - derived state
        
        let a = 2;
        let b = 10 * a;
        
        a - actual state, b - derived state
      - two different components → two different state, need coordination via view-model
        
        as the application grows → completely removes the possibility to effectively reason about the causality of changes, or the flow of state
      - instead of having components that contain two different states → we have stateless components pulling from a third component (state - level 1)
        
        whenever one state changes → all other components receive notifications
      - reactive state (level 3)
        
        let a = atom(2);
        let b = derive(() => 10 * a.get());
        
        b.react(val => { /* do something */ }
    - - everywhere
        
        app startup
        
        data access
        
        animations
        
        view / model binding
        
        user input / response
        
        night mare
        
        memory leaks
        
        race conditions
        
        callback hell
        
        complex state machines
        
        disjointed error handling
      - banking app example
        
        currency
        
        exchange rate → fetch on server
        
        solution → cancel the previous request when a new one is made, not that easy
        
        visualize the flow of data
        
        what happens, because of what
- - - - it is the data that the program is manipulating → and what the program produce, how it behaves, what you can see
      - the state changes every second, and is its printed to the console