How We Architected the New Relic Mobile Web UI in React
I wrote a blog post for the New Relic company blog about the UI framework I architected and built on the Mobile APM team.
Super awesome blog post here: https://blog.newrelic.com/engineering/mobile-ui-react/
Check out the full article for a break down, but the big take away is that it was a very successful experiment in architecting a complex JavaScript project in React, with some of the biggest outcomes being:
Predictable state management: By breaking state into discrete objects, it’s easier for us to see which actions are mutating state in our components.
Easy for non-UI-focused team members to contribute: Building our UI architecture with object-oriented programming allows our less experienced UI devs to quickly contribute to the project.
Explicitness: Because we’ve decoupled state, UI components, and the underlying service models, new contributors can quickly figure out exactly what parts of the project to contribute to.
Ease of use: Thanks to this decoupled and organized architecture, our agent and service engineers were able to complete a significant chunk of UI work in a single sprint while the UI engineer was on a weeklong vacation.
