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 Xplore POP ALL
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/IET Electronic Library
  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/eLvHCXMwlV1NTwIxEJ0A8eBJDRi_swePVrbb7ZdXI8ELEkHCjdCvuBcwsPD77RSCHrx4a9psm7bZeXm7894A3DulmC-MJ8JSTyIExDgYAieWcWESZhubik3IwUBNp3rYgIeDFsZ7n5LP_CM20798t7Qb_FTWRSMRpXQTmlKKnVZrn7JFc92dvI5Gb70xRxOuSPwKit6EWAL7V9mUhBq9k_-tdwqdH_ldNjwAyxk0_KIN_D0Gr5oY9EBeP2WTao1ySGT6WRrJ8M1eLuKEWb9CVbH9jCS4Ax-9l_Fzn-xrHpCqyFlNgqTcRlJjyjn3GtFV8RgHjAnWeWVyWThjS6c9E2xOvTPSUrS8o1ZHJsUDO4fWIi52AVlhRS7jM0IEXUrrYlgLrIzEs2TWR6J0CW3c8uxrZ2sx2-_26u_uazjGM92lV91Aq15t_C0c2W1drVd36S6-Adr3i9U
linkProvider IEEE
linkToHtml http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwlV3PT8IwFH5BNNGTGjD-dgePVta13VqvRgIRkQgSboT-WNwFDBv-_fYVgh68eGvarE3b7H35tvd9D-DWSslcoh1JDXXEQ4CPg3kuiGEi1QGztQnFJrJ-X04malCDu60WxjkXks_cPTbDv3y7MCv8VNZCIxEp1Q7sCs6TeK3W2iRt0Vi1xt3h8LU9EmjD5alfQtGdEItg_yqcEnCjffi_FY-g-SPAiwZbaDmGmps3QLz58FURjS7I5UM0LkoURCLXj8JIhO_2Yu4njDoF6orNh6fBTXhvP40eO2RT9YAUScwqkmdUGE9rNJ8JpxBfpfCRQOvcWCd1nCVWG26VYymbUWd1Ziia3lGjPJcSOTuB-twvdgpRYtI488-kaa54ZqwPbDnjnnpyZpynSmfQwC1PP9fGFtPNbs__7r6B_c7opTftdfvPF3CA57tOtrqEerVcuSvYM19VUS6vw718A1OTjxw
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