Frontend
Refactoring React Component Hierarchies to Eliminate Prop Drilling
arXiv cs.SE0 views
arXiv:2610.01376v2 Announce Type: replace Abstract: In React front-end development, Prop Drilling is the practice of propagating data through component properties across multiple levels of the component hierarchy. Despite being discouraged by React documentation and characterized as a code smell by recent research, little is known about its prevalence, complexity, and potential for automated refactoring. In this work, we propose a static analysis method for identifying Prop Drilling instances in a React codebase and eliminating them using two automated refactoring strategies based on Context API and Component Composition. The proposed method is implemented as a Node\.js command line tool, ReactRefactor, and empirically evaluated on a benchmark dataset of open-source React applications. The main findings of the empirical evaluation indicate (a) the frequent occurrence of prop drillings across benchmark projects, irrespective of project size; (b) their generally low to moderate complexity in terms of data propagation depth, contrasted with the more prevalent complexity arising from the simultaneous forwarding of multiple properties along the same path; and, (c) the potential for automated elimination of a substantial share (76.3%) of prop drillings, primarily through refactoring to the Context API.
Source:https://arxiv.org/abs/2610.01376PreviousSaltBench: A Referee-Gated Protocol for Measuring Method Effects in Machine-Checked Software WorkNextExecutable but Unfaithful: Mock Object, Stub, and Assertion Generation by LLMs and Coding Agents
Related posts
Rebuilding :nth-child() out of sibling-index(), if() and mod()
0dev.to
Flash vs JavaScript: what 20 years on the web taught me
0dev.to
Your CRM Import Needs a Dry Run: How to Stop Duplicates Before They Happen
0dev.to
Scoped, time-limited patient consent in FHIR R4 (and the leaks we found enforcing it)
0dev.to

Redux Toolkit's road to 3.0
0React Status
Keep AI-suggested loading skeletons matched to real content height
0dev.to