Please enable JavaScript.

Coggle requires JavaScript to display documents.

React Fibre (Algebraic Effects (But error handling in JavaScript is a…

- - - - It can always find the closest call stack
  - - - suspend is the effect
      - React Scheduler is the handler
  - - - The React Scheduler handles it by suspending the render function and resuming it later when data is available
- - - - It knows which work to do next
      - interrupt and resume a work if necessary
      - it can keep local data around(like state)
        
        even when the fibre(frame) is inactive
        
        unlike a callstack
      - carry out any work which it deems has higher priority
        
        unlike a native callstack
        
        which can only go back to its parent function
  - - - Apart from keeping track of the parent(calling function in case of stack frame), Fibre keeps track of children and sibling
- - - - Both these features requires React to interrupt what it is doing and resume the work later
- - - - Lets, take a step back and first understand, what is Work?
        
        For JS
        
        create variables
        
        update arrays
        
        mutate objects
        
        For React
        
        creating DOM node
        
        managing life cycle methods
        
        calling renderer
      - Managing work is done by managing units of work
        
        For JS, a unit of work is a function
        
        A function is represented by a stack frame
        
        It is pushed to the call stack
        
        The current work is represented by the topmost frame in the call stack
        
        But the call stack cannot be accessed by a program
        
        Hence a program cannot affect/manage how work is done :red_flag:
        
        Therefore is no way React can interrupt rendering of a component
        
        For React, a unit of work is a Component