Trendyol Oct 16, 2020

Trendyol GO - React Native

Article Summary

Yusuf Zeren from Trendyol reveals how his team built their GO delivery app entirely with React Native—zero custom native modules required. Their secret? Strategic architecture choices that kept things simple.

Trendyol's engineering team shares their production React Native architecture for their GO delivery application. This is a real-world case study of building a complex, location-based delivery app using modern React patterns and carefully selected open-source libraries.

Key Takeaways

Critical Insight

Trendyol GO proves you can build production-grade React Native apps using functional components, Context API, and well-chosen libraries without writing custom native modules.

The team is eyeing react-query for API caching and waiting impatiently for Reanimated v2 to solve a specific animation limitation they're working around.

About This Article

Problem

Trendyol GO had to handle API requests efficiently while preventing unnecessary re-renders. They were working with 5 contexts and dozens of custom hooks across their functional components.

Solution

The team applied useMemo and React.Memo within their Context providers to render only when data actually changed. They also planned to switch to react-query so they could take advantage of its built-in caching for API requests.

Impact

Keeping global state lean and optimizing how Context re-renders worked helped Trendyol reduce rendering overhead. Their delivery application now has a state management system that scales without the extra performance cost.