React Native for Beginners: Complete Tutorial with Sample Project | Mironsoft
React Native for Beginners: Your First App
A complete React Native tutorial for absolute beginners: step by step, we build a real product catalog app together – from the first line of code to publishing on the App Store and Google Play. With HTML/CSS comparisons for anyone coming from web development.
Das lernst du
- How to build a complete React Native app from scratch
- Components, styling, and navigation in a mobile app
- Forms, lists, and custom hooks on the phone
- Differences and similarities to HTML/CSS
- Publishing to the App Store and Google Play
Voraussetzungen
- Basic HTML/CSS knowledge is helpful but not required
- Basic JavaScript (variables, functions, arrays)
- No prior React Native experience needed
Kapitel dieser Serie
- 1 What Is React Native? ~6 Min. Lesezeit
- 2 Setting Up Your Development Environment ~9 Min. Lesezeit
- 3 Creating Your First Project ~9 Min. Lesezeit
- 4 Understanding Components and JSX ~10 Min. Lesezeit
- 5 Styling with StyleSheet ~9 Min. Lesezeit
- 6 Props and Custom Components ~11 Min. Lesezeit
- 7 Managing State with useState ~10 Min. Lesezeit
- 8 Fetching Data from an API ~11 Min. Lesezeit
- 9 Displaying Lists with FlatList ~9 Min. Lesezeit
- 10 Navigation Between Screens ~12 Min. Lesezeit
- 11 User Input with TextInput ~9 Min. Lesezeit
- 12 Storing Data Locally with AsyncStorage ~8 Min. Lesezeit
- 13 Debugging: Finding and Fixing Errors ~10 Min. Lesezeit
- 14 Testing on Real Devices ~11 Min. Lesezeit
- 15 Publishing on Google Play ~12 Min. Lesezeit
- 16 Publishing on the Apple App Store ~12 Min. Lesezeit
- 17 Alternative Distribution Without Store Review ~9 Min. Lesezeit
- 18 Outlook and Next Steps ~7 Min. Lesezeit
Weiter lernen mit
JavaScript: The Complete Tutorial
A complete JavaScript tutorial from the ground up: every language feature explained step by step, built around a single, continuous household budget app in plain Node.js/JavaScript – no framework, just the language itself.
Serie ansehen
React Native for Professionals: State Management, Performance and Internals
The advanced continuation of "React Native for Beginners": we extend the produktkatalog-app with Zustand and Redux Toolkit, optimize performance, look under React Native's own hood (New Architecture, Fabric, JSI), migrate to TypeScript, and prepare for interviews.
Serie ansehen
React Native & Magento: Loading Live Product Data From the Shop
A focused React Native project that loads real product data via the Magento REST API: activate the API, set up credentials, a FlatList product list with pagination, and a detail page with all product data – a step-by-step project you can type along with.
Serie ansehen