Modularizing React Applications with Established UI Patterns

I've been working in front-end software for over three decades. A perennial problem has been mixing non-UI logic into the UI framework itself, leading to code that's both hard to understand and near-impossible to test. Despite being the hot new thing, React is just as vulnerable to this problem as Swing and Turbo Pascal. My colleague Juntao Qiu writes about how to untangle such a mess. In this first part he gives an overview of how a React application can evolve into a better modular structure. Later parts will dig into a small, but representative example.

more…

https://martinfowler.com/articles/modularizing-react-apps.html

Created 1y | Feb 7, 2023, 3:20:23 PM


Login to add comment

Other posts in this group

How is GenAI different from other code generators?

How is code generation with GenAI different from more "traditional" code generators? The newest memo in Birgitta Böckeler's explorations of GenAI talks abou

Oct 18, 2023, 8:10:05 PM | Martin Fowler
How is GenAI different from other code generators?

How is code generation with GenAI different from more "traditional" code generators? The newest memo in Birgitta Böckeler's explorations of GenAI talks abou

Sep 19, 2023, 10:10:06 AM | Martin Fowler
TDD with GitHub Copilot

At Thoughtworks, we are strong practitioners of Test Driven Development (TDD). Naturally this leads to the question of how generative AI can

Aug 17, 2023, 8:30:07 PM | Martin Fowler