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
useStateand 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
TextInputand 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
- 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) - Expand the cart feature: turn the
useCartfoundation from chapter 12 into a real cart with quantity changes, a subtotal, and checkout wired to Magento's cart API - Push notifications: use
expo-notificationsto 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 - Your own design system: move the colors/spacing from the
StyleSheetdefinitions into a central constants file, comparable to the Tailwind design tokens used in the mironsoft.de theme - 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 documentationdocs.expo.dev– the official Expo documentation, including every command used here in detailreactnavigation.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.