React-bratus: Visualising React Component Hierarchies

Stephan Boersma; Mircea Lungu

doi:10.1109/VISSOFT52517.2021.00025

React-bratus: Visualising React Component Hierarchies

Research output: Conference Article in Proceeding or Book/Report chapter › Article in proceedings › Research › peer-review

Abstract

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 language	English
Title of host publication	Proceedings of the 2021 Working Conference on Software Visualization (VISSOFT)
Publisher	IEEE
Publication date	2021
DOIs	https://doi.org/10.1109/VISSOFT52517.2021.00025
Publication status	Published - 2021

Keywords

software visualization
component hierarchy
react.js
polymetric views

Access to Document

10.1109/VISSOFT52517.2021.00025

21 - React-bratus - VISSOFTSubmitted manuscript, 712 KBLicence: CC BY-ND

Cite this

@inproceedings{26646405a418442db342168ce627a918,

title = "React-bratus: Visualising React Component Hierarchies",

abstract = "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.",

keywords = "software visualization, component hierarchy, react.js, polymetric views",

author = "Stephan Boersma and Mircea Lungu",

year = "2021",

doi = "10.1109/VISSOFT52517.2021.00025",

language = "English",

booktitle = "Proceedings of the 2021 Working Conference on Software Visualization (VISSOFT)",

publisher = "IEEE",

address = "United States",

}

TY - GEN

T1 - React-bratus: Visualising React Component Hierarchies

AU - Boersma, Stephan

AU - Lungu, Mircea

PY - 2021

Y1 - 2021

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

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

KW - software visualization

KW - component hierarchy

KW - react.js

KW - polymetric views

U2 - 10.1109/VISSOFT52517.2021.00025

DO - 10.1109/VISSOFT52517.2021.00025

M3 - Article in proceedings

BT - Proceedings of the 2021 Working Conference on Software Visualization (VISSOFT)

PB - IEEE

ER -

React-bratus: Visualising React Component Hierarchies

Abstract

Keywords

Access to Document

Fingerprint

Cite this