Skip to content

Releases: lahmatiy/react-render-tracker

0.7.6

17 Oct 13:02
Compare
Choose a tag to compare
  • Fixed tracking of mounts for hydrated trees (#37)

0.7.5

06 Oct 15:14
Compare
Choose a tag to compare
  • Added tracking for all known React hooks
  • Added new section Hooks in fiber details
    image
  • Added Component stats page
    image
  • Added displayName field to fiber-type-def event
  • Fixed missed console.log() (#36)

0.7.4

16 Aug 15:57
Compare
Choose a tag to compare
  • Fixed multiple creation of source map instances for a single script
  • Improved hook path capturing:
    • Adjusted the stack trace limit to capture up to 25 entries, guaranteeing a minimum of 20 path entries, an improvement from the previous 6 (#30)
    • Implemented an alternative method for path extraction to cater to scenarios where a function is either unnamed or its name doesn't start with use
    • Resolved compatibility issues with WhyDidYouRender (#22)
    • Fixed an issue where the hooks list doubled in some cases when a component rendered in StrictMode

0.7.3

09 Jun 10:45
Compare
Choose a tag to compare
  • Added StrictMode capturing and displaying in components tree
  • Fixed capturing component owner in some cases
  • Fixed tracking for useSyncExternalStorage hook usage that may lead to infinite updates loop (#35)

0.7.2

07 Jun 01:01
Compare
Choose a tag to compare
  • Added tracking for useSyncExternalStore hook changes
  • Added tracking for useTransition hook changes
  • Fixed crash when useSyncExternalStore hook is used (#34)
  • Fixed missed details capturing for first state hook changes

0.7.1

06 Jun 12:09
Compare
Choose a tag to compare
  • Added selecting a component on the page (#31)
  • Added DOM elements highlighting of a component on hover in component's tree (#31)
  • Added capturing and displaying host components (DOM elements for react-dom) and portals
  • Added ancestors section in component's details panel
  • Added displaying a list of detected unsupported renderers on the React renderer connection waiting screen. This should help figure out why a React can't be connected.
  • (experimental) Considered production and profiling React builds as partially functional, i.e. RRT works but some data might is not capturing (e.g. a component update triggers, used hooks etc. see #25)
  • Fixed memory leaks related to keeping unmounted fibers by RRT internal dictionaries
  • Fixed navigation when a fiber is pinned
  • Removed "Blocking mode" mark for a render root as outdated
  • Added dist files to exports
  • Reworked headless-browser-client build to provide a standalone bundles (no deps or any imports)

0.7.0

10 Jul 20:33
Compare
Choose a tag to compare
  • Added renderer's name & version into the toolbar
  • Reduced a main bundle size by ~53Kb (12%)
  • Excluded source files from the npm package
  • Bumped rempl to 1.0.0-alpha.23
  • Made all dependencies as developer only

0.6.2 Experimental data client API for a browser, Puppeteer and Playwright

16 May 08:33
Compare
Choose a tag to compare
  • [EXPERIMENTAL] Added new entry points (exports):
  • Added warning when non-development version of React is used instead of trying to inspect it and crash
  • Bumped rempl to 1.0.0-alpha.20

0.6.1

29 Nov 16:29
Compare
Choose a tag to compare
  • Added an events loading pause button
  • Changed events loading behaviour to avoid a commit's events splitting across loading data chunks
  • Fixed tree traversal after a leaf deletion, i.e. on event log reset (#20)

0.6.0 – Info sections, bailouts, state change locations, open in editor and more

16 Nov 13:09
Compare
Choose a tag to compare
0.5.0 0.6.0
React Render Tracker 0.5.0 React Render Tracker 0.6.0
  • Added info sections for a selected fiber:
    • Props updates and fiber's reaction (update or bailout) on it
    • Consumers list for a context provider fibers
    • Used providers including paths of React.useContext() calls for function components
    • Recomputes and changes in useMemo() and useCallback() hooks
  • Added commit label in event log
  • Added tracking for setState() and dispatch() callbacks of useReducer() and useState() hooks for function components
  • Added tracking for setState() and forceUpdate() method calls for class components
  • Added update bailouts events and a count badge for a fiber on fiber tree (supported bailouts: React.memo(), shouldComponentUpdate() and no changes in state)
  • Added a render mode badge for render roots
  • Added open in editor feature which might be enabled and configured with openSourceLoc option on <script> (see detail in readme)
  • Added source location resolving to an original module locations using source maps
  • Added shortcuts in search input:
    • Enter – select next matched fiber
    • Shift+Enter – select previous matched fiber
    • Escape – clear search input
  • Added prev/next fiber selection with Up and Down keys
  • Added support for Firefox
  • Reworked event list markup and style
  • Improved warnings on update changes:
    • Display which change triggers a warning in update changes details (on change type badge)
    • Display warning for a context value shallow equal change for the context provider fiber only (instead of a warning on each consumer fiber)
  • Added warning when multiple instances of React are detected and attach to the first one only instead of unpredictable behaviour (multiple instances of React will be supported in the future releases)
  • Improved testing for supported version of React/ReactDOM, improved warning for unsupported renderer (something different from react-dom or a version prior 16.9 which is lowest supported version for now)