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/IET Electronic Library
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.7757694
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/eLvHCXMwlV09T8MwED21FQMToBbxrQyMmMZxHNusiKpIqFS0RN2q-EtkaVGT8vvxJVVhYGGzbMnW2bLPz773DuDWFyL2PGYkU46TNGUFkYmwRDHlg3vx1DdRlfmLmEzkYqGmHbjbc2Gcc03wmbvHYvOXb9dmi09lQxQSkVJ1oStE1nK1diFbNFbD_Hk2ex3NOYpwBeCXUNQmxBTYv9KmNF5jdPS_8Y5h8EO_i6Z7x3ICHbfqA38Lh1dNNGogVw9RXlZIh0SkHzUtEe7s9Sp0GI1LZBWbjwCCB_A-epo_jsku5wEpk5jVxAvKTQA1Oi24U-hdJQ_ngNbeWCd1LBKrTWqVYxkrqLNaGIqSd9SogKS4Z6fQW4XBziBiRklfJNI7NMOGu1Vis4CHuOUm1XF2Dn00efnZylosd9Ze_F19CYc4p2141RX06s3WXcOB-arLanPTrMU3_YKLiA
linkProvider IEEE
linkToHtml http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwlV1NTwIxEJ0gmuhJDRi_3YNHK91tu9t6NRKIiESQcCPbr7gXMLD4--0sBD148da0SZtp005fO-8NwK3PM-oFZSRVThDOWU5kklmimPLBvfjYV1GV417W78vJRA1qcLflwjjnquAzd4_F6i_fzs0Kn8paKCQipdqBXcF5QtdsrU3QVkxVa9wdDl_bI4EyXAH6JTGqE2IS7F-JUyq_0T7834hH0Pwh4EWDrWs5hpqbNUC8heOrJBpVkJcP0bhYIiESsX5UtUS4t-ez0GHUKZBXbD4CDG7Ce_tp9Nghm6wHpEgoK4nPYmECrNE8F06hf5UinARae2Od1DRLrDbcKsdSlsfO6szEKHoXGxWwlPDsBOqzMNgpRMwo6fNEeodm2HC7SmwaEJGwwnBN0zNooMnTz7WwxXRj7fnf1Tew3xm99Ka9bv_5Ag5wftfBVpdQLxcrdwV75qsslovral2-AXGGjs8
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