Magento 2 Experten — Hyvä Theme, Tailwind CSS & SEO aus einer Hand ›

React Native Tutorial: Outlook and Next Steps

Outlook and Next Steps

~7 Min. Lesezeit Zuletzt aktualisiert am August 8, 2026

Congratulations! If you've followed this tutorial from the first chapter to the last, you've built a working product catalog app: it displays a searchable, scrollable product list loaded live from an API with detail pages, saves favorites persistently on the device, and you know how to test it on real devices and, if you want, publish it on both major app stores.

What you can do now

  • Read and write JSX, and know which React Native element corresponds to which HTML element
  • Build and reuse components with props (ProductCard)
  • Manage state with useState and understand why React state must never be mutated directly
  • Load data from an API with fetch + useEffect, including loading and error states
  • Display large lists performantly with FlatList
  • Connect multiple screens with React Navigation
  • Accept user input with TextInput and filter live
  • Persist data with AsyncStorage
  • Debug errors in both VS Code AND WebStorm/PhpStorm
  • Test an app on real Android and iOS devices and publish it on both stores – including all costs and alternatives that skip the store wait

Possible next steps

  1. Actually connect the Magento REST API: instead of the placeholder URLs from chapter 8, use real endpoints from your own shop (/rest/V1/products, with search criteria for filtering/sorting/pagination)
  2. Expand the cart feature: turn the useCart foundation from chapter 12 into a real cart with quantity changes, a subtotal, and checkout wired to Magento's cart API
  3. Push notifications: use expo-notifications to inform users about new deals – a good reason to actually use TestFlight/internal testing from chapters 15/16, since push testing requires a real build rather than Expo Go
  4. Your own design system: move the colors/spacing from the StyleSheet definitions into a central constants file, comparable to the Tailwind design tokens used in the mironsoft.de theme
  5. A state management library: once the app needs shared state across multiple screens (e.g. a cart count visible in the header on every screen), it's worth looking at the Context API (built into React) or external libraries like Zustand

Further resources

  • reactnative.dev – the official React Native documentation
  • docs.expo.dev – the official Expo documentation, including every command used here in detail
  • reactnavigation.org – complete React Navigation documentation with many examples

Tipp: The best next step is usually: adding one SMALL, concrete feature of your own to the existing app, rather than starting a brand-new project. Every chapter of this tutorial builds on exactly that principle – small, understandable steps instead of big leaps.