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!
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.
AbstractList 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.
Author Boersma, Stephan
Lungu, Mircea
Author_xml – sequence: 1
  givenname: Stephan
  surname: Boersma
  fullname: Boersma, Stephan
  email: step@itu.dk
  organization: IT University of Copenhagen,Copenhagen,Denmark
– sequence: 2
  givenname: Mircea
  surname: Lungu
  fullname: Lungu, Mircea
  email: mlun@itu.dk
  organization: IT University of Copenhagen,Copenhagen,Denmark
BookMark eNotzM1KAzEUQOEIutDaJ3DhvMCMuUluftzJYG2hULC125Jk7mignZZkuvDtFevqLA58d-x6OA7E2CPwBoC7p-1ivV7NNigQTCO4gIZzLvCKTZ2xoDUqCUrpW4bv5ONYh-zHc3mutqmc_T6VNHxWf6dqj4fTrz2M1TxR9jl-JSr37Kb3-0LT_07Yx-x1087r5ept0b4s6yS4HOveAEYNLiiP5BSgsGitCaGPHdnAjehCVJ0jqaUH6oKJYKzgEJ0TCns5YQ8XNxHR7pTTwefvndNcWevkD-RCRC8
CODEN IEEPAD
ContentType Conference Proceeding
DBID 6IE
6IL
CBEJK
RIE
RIL
DOI 10.1109/VISSOFT52517.2021.00025
DatabaseName IEEE Electronic Library (IEL) Conference Proceedings
IEEE Proceedings Order Plan All Online (POP All Online) 1998-present by volume
IEEE Xplore All Conference Proceedings
IEEE Electronic Library (IEL)
IEEE Proceedings Order Plans (POP All) 1998-Present
DatabaseTitleList
Database_xml – sequence: 1
  dbid: RIE
  name: IEEE Electronic Library (IEL)
  url: https://ieeexplore.ieee.org/
  sourceTypes: Publisher
DeliveryMethod fulltext_linktorsrc
EISBN 9781665431446
166543144X
EndPage 134
ExternalDocumentID 9604889
Genre orig-research
GroupedDBID 6IE
6IL
CBEJK
RIE
RIL
ID FETCH-LOGICAL-i203t-f715c619b4a5e9415285887bbfcde8b072dbc4d9e363a1edb7c178201c99245f3
IEDL.DBID RIE
ISICitedReferencesCount 1
ISICitedReferencesURI http://www.webofscience.com/api/gateway?GWVersion=2&SrcApp=Summon&SrcAuth=ProQuest&DestLinkType=CitingArticles&DestApp=WOS_CPL&KeyUT=000749392800016&url=https%3A%2F%2Fcvtisr.summon.serialssolutions.com%2F%23%21%2Fsearch%3Fho%3Df%26include.ft.matches%3Dt%26l%3Dnull%26q%3D
IngestDate Thu Jun 29 18:37:57 EDT 2023
IsPeerReviewed false
IsScholarly false
Language English
LinkModel DirectLink
MergedId FETCHMERGED-LOGICAL-i203t-f715c619b4a5e9415285887bbfcde8b072dbc4d9e363a1edb7c178201c99245f3
PageCount 5
ParticipantIDs ieee_primary_9604889
PublicationCentury 2000
PublicationDate 2021-Sept.
PublicationDateYYYYMMDD 2021-09-01
PublicationDate_xml – month: 09
  year: 2021
  text: 2021-Sept.
PublicationDecade 2020
PublicationTitle 2021 Working Conference on Software Visualization (VISSOFT)
PublicationTitleAbbrev VISSOFT
PublicationYear 2021
Publisher IEEE
Publisher_xml – name: IEEE
Score 1.7758693
Snippet We report on the development of react-bratus, a prototype providing developers with an interactive web-based component hierarchy visualization for React-based...
SourceID ieee
SourceType Publisher
StartPage 130
SubjectTerms component hierarchy
polymetric views
Prototypes
react.js
Software
Visualization
Title React-bratus: Visualising React Component Hierarchies
URI https://ieeexplore.ieee.org/document/9604889
WOSCitedRecordID wos000749392800016&url=https%3A%2F%2Fcvtisr.summon.serialssolutions.com%2F%23%21%2Fsearch%3Fho%3Df%26include.ft.matches%3Dt%26l%3Dnull%26q%3D
hasFullText 1
inHoldings 1
isFullTextHit
isPrint
link http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwlV1NTwIxEJ0A8eBJDRi_swePVra7Ld31aiSYGCSChBtpp7NxL2Bg8ffbWQh68OKtaZs2bdOZvHbeG4BbHyCGlZkVVhdOKCQjXKyUcNgzStsEsX7Knr6Y4TCbzfJRA-72XBgiqoPP6J6L9V--X-KGn8q6LCSSZXkTmsb0tlytXciWjPPu9Hk8fu1PNItwBeCXSNYm5BTYv9Km1F6jf_S_-Y6h80O_i0Z7x3ICDVq0Qb8F41UJxxrI64doWq6ZDslIP6pbIr7Zy0UYMBqUzCrGjwCCO_Def5o8DsQu54EokzitRGGkxgBqnLKacvaumQ52wLkCPWUuNol3qHxOaS-1krwzKFnyTmIekJQu0lNoLcJkZxCZIvSiVHmJWiWusLH1ZFl_jZxFNOfQ5iXPP7eyFvPdai_-rr6EQ97TbXjVFbSq1Yau4QC_qnK9uqnP4hvftI2B
linkProvider IEEE
linkToHtml http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwlV1NTwIxEJ0gmuhJDRi_3YNHK9vdlu56NRKIiESQcCPttBv3AoZd_P12FoIevHhr2qZN23Qmr533BuDWeoiheaKZlplhAp1iJhSCGWwrIXWEWD1lT_pqMEim03RYg7stF8Y5VwWfuXsqVn_5doEreiprkZBIkqQ7sCuFiMI1W2sTtMXDtDXpjUavnbEkGS4P_SJO6oSUBPtX4pTKb3QO_zfjETR_CHjBcOtajqHm5g2Qb958lcyQCnLxEEzyggiRhPWDqiWgu72Y-wGDbk68YvzwMLgJ752n8WOXbbIesDwK45Jlikv0sMYILV1K_jWR3hIYk6F1iQlVZA0Km7q4HWvurFHISfSOY-qxlMziE6jP_WSnEKjM93KxsByliEymQ22dJgU2ZzSiOoMGLXn2uRa2mG1We_539Q3sd8cv_Vm_N3i-gAPa33Ww1SXUy-XKXcEefpV5sbyuzuUbbOqQyA
openUrl ctx_ver=Z39.88-2004&ctx_enc=info%3Aofi%2Fenc%3AUTF-8&rfr_id=info%3Asid%2Fsummon.serialssolutions.com&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=proceeding&rft.title=2021+Working+Conference+on+Software+Visualization+%28VISSOFT%29&rft.atitle=React-bratus%3A+Visualising+React+Component+Hierarchies&rft.au=Boersma%2C+Stephan&rft.au=Lungu%2C+Mircea&rft.date=2021-09-01&rft.pub=IEEE&rft.spage=130&rft.epage=134&rft_id=info:doi/10.1109%2FVISSOFT52517.2021.00025&rft.externalDocID=9604889