Skip to content

0.3 – Correct order of events, redesigned event log

Choose a tag to compare

@lahmatiy lahmatiy released this 08 Sep 12:51
· 322 commits to main since this release

Visual changes compared with previous version:

0.2.0 0.3.0
image image

Details of changes:

  • Reworked an order of events in the way React performs them (in more natural way, i.e. component's tree traversal order)
  • Redesigned presenting of event types in the event log, with grouping by React's batch of work commit
  • Added "Update trigger" marker (lighting icon) to events in event log which indicates the components that are potentially responsible for the update (now we cannot distinguish between which changes in the component became the trigger for the update, and which were added during the rendering of the component)
  • Replaced "Parent update" marker in event log as meaningless
  • Added toggle for showing timings, by default timings are hidden as they are not that useful yet
  • Added tracking for functional component's context changes and displaying it in event log if any
  • Added simple value changes description for hooks
  • Added displaying component's key if any
  • Improved display name generation for anonymous components by adding an index number to distinguish instances of different components
  • Changed hooks changes tracking to handle only state related, i.e. useState()/useDispatcher()
  • Changed simple value serialization to distinguish an empty object/array with non-empty
  • Fixed owner-based hierarchy for root level components
  • Fixed state and hooks changes computation depending on component type, i.e. class-based or functional
  • Fixed unmounted render root displaying