How to Write in React by Starting with Dependency Injection

How to Write in React by Starting with Dependency Injection

Rani Zilpelwar

December 21, 2021


React is gaining popularity because it’s so easy to work with. As a declarative language, it works like a factory for building UI components — you tell the system what to do and it figures out how to do it. You don’t need to worry about pesky implementation details about how it deals with state.

This flexibility comes with tradeoffs though, as these implementation details become increasingly important to your system’s long-term health.

In this presentation, 8th Light senior crafter Rani Zilpelwar demonstrates how to apply software design principles to the React library. Starting with dependency injection, Rani shows how to write components that are simpler to build, simpler to refactor, and offer peace of mind that they work as expected.

About 8th Light University

8th Light University (8LU) is a virtual event series curated by 8th Light, a global software consultancy that partners with clients in creating software solutions. Topics focus on improving the craft of software product, design, and development. Software professionals of all skill levels are welcome! Watch past event videos on YouTube, join us at our next 8LU event, or sign up for our newsletter to to find out about upcoming events.

Rani Zilpelwar

Engagement Manager

Rani Zilpelwar is an Engagement Manager at 8th Light with more than a decade of building software and guiding the teams that ship quality solutions. She spent several years as an Engineering Manager for a global ticketing platform, leading teams through high-concurrency global on-sales and large-scale modernization. Today she leads delivery for a cross-platform SDK team, where she built a review gate that catches faulty assumptions during the requirements phase, when they are cheapest to fix. A former QA manager, she writes about the practices that make AI-assisted engineering trustworthy: adversarial verification across independent passes, prompts framed to verify rather than confirm, and test cases as the ground truth AI output is measured against. Rani is a Beacon Award recipient.