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:
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/IET Electronic Library (IEL)
IEEE Proceedings Order Plans (POP All) 1998-Present
DatabaseTitleList
Database_xml – sequence: 1
  dbid: RIE
  name: IEEE/IET Electronic Library (IEL) (UW System Shared)
  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_swePVrbbdtt6NRJMDBJBwo3QdjbuBQws_n47C0EPXrw1bdKmbTrT1857A3CbOu_iRTow7pFEtYVlc58h42ikCcZJWSeDmbzowcBMp3bYgLs9FwYR6-AzvKdi_Zcfln5DT2VdEhIxxjahqXW-5WrtQrZ4aruT59HotTdWJMIVgV_GSZuQUmD_SptSe43e0f_GO4bOD_0uGe4dywk0cNEG9RaNV8UcaSCvH5JJuSY6JCH9pG5J6GQvF7HDpF8Sq9h_RBDcgffe0_ixz3Y5D1iZpaJihebKR1Dj5FyhJe9qVLQDzhU-oHGpzoLzMlgUuZhzDE57TpJ33NuIpFQhTqG1iIOdQaIj0rG59ApTI62L9wjkQiubKyWKNHPn0KYpzz63shaz3Wwv_q6-hENa02141RW0qtUGr-HAf1XlenVT78U3n-yLRg
linkProvider IEEE
linkToHtml http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwlV1NTwIxEJ0gmuhJDRi_3YNHK-1uy7ZejQQiIhEk3AhtZ-NewMDi77ezEPTgxVvTJtO0TTt97bw3ALfcOhsu0p4JhySqnRg2dTEygVpqr62UZTKYUTft9fR4bPoVuNtyYRCxDD7DeyqWf_l-7lb0VNYgIRGtzQ7sqmCDr9lam6AtwU1j1BkMXltDRTJcAfrFgtQJKQn2r8Qppd9oHf6vxyOo_xDwov7WtRxDBWc1UG_h-CqYJRXk5UM0ypdEiCSsH5UtEe3t-SwYjNo58YrdR4DBdXhvPQ0f22yT9YDlMU8KlqVCuQBrrJwqNORftQongbWZ86gtT2NvnfQGk2YyFeht6gSJ3glnApZSWXIC1Vno7BSiNGAd05ROIdfS2HCTQJGkyjSVSjIe2zOo0ZAnn2thi8lmtOd_V9_Afnv40p10O73nCzig-V0HW11CtVis8Ar23FeRLxfX5bp8AxHQjo0
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