React-bratus: Visualising React Component Hierarchies

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 visualization...

Full description

Saved in:
Bibliographic Details
Published in:2021 Working Conference on Software Visualization (VISSOFT) pp. 130 - 134
Main Authors: Boersma, Stephan, Lungu, Mircea
Format: Conference Proceeding
Language:English
Published: IEEE 01.09.2021
Subjects:
component hierarchy
polymetric views
Prototypes
react.js
Software
Visualization
Online Access:Get full text
Tags: Add Tag
No Tags, Be the first to tag this record!
Description
Summary: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.
DOI:10.1109/VISSOFT52517.2021.00025