React-bratus: Visualising React Component Hierarchies

Stephan Boersma, Mircea Lungu

Research output: Conference Article in Proceeding or Book/Report chapterArticle in proceedingsResearchpeer-review


We report on the development of react-bratus, a prototype providing developers with an interactive web-based component hierarchy visualization for React-based projects. We continuously evaluate react-bratus in multiple iterations with junior developers and find that component hierarchy visualizations are a promising tool for helping novice developers reverse engineer React-based applications.
Original languageEnglish
Title of host publicationProceedings of the 2021 Working Conference on Software Visualization (VISSOFT)
Publication date2021
Publication statusPublished - 2021


  • software visualization
  • component hierarchy
  • react.js
  • polymetric views


Dive into the research topics of 'React-bratus: Visualising React Component Hierarchies'. Together they form a unique fingerprint.

Cite this