React-bratus: Visualising React Component Hierarchies

Stephan Boersma; Mircea Lungu

doi:10.1109/VISSOFT52517.2021.00025

React-bratus: Visualising React Component Hierarchies

Stephan Boersma
, Mircea Lungu

Software Engineering

Publikation: Konference artikel i Proceeding eller bog/rapport kapitel › Konferencebidrag i proceedings › Forskning › 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.

Originalsprog	Engelsk
Titel	Proceedings of the 2021 Working Conference on Software Visualization (VISSOFT)
Forlag	IEEE
Publikationsdato	2021
DOI	https://doi.org/10.1109/VISSOFT52517.2021.00025
Status	Udgivet - 2021

Emneord

software visualization
component hierarchy
react.js
polymetric views

Adgang til dokumentet

10.1109/VISSOFT52517.2021.00025

21 - React-bratus - VISSOFTIndsendt manuskript, 712 KBLicens: CC BY-ND

Citationsformater

@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, 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

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

Emneord

Adgang til dokumentet

Fingeraftryk

Citationsformater