Lesson 01 · Cross-platform Mobile with React Native
Cross-platform: React Native Fundamentals
Build real native screens from one JavaScript codebase: the JS you need, JSX rules, and the core components View, Text, Image, ScrollView, FlatList and Pressable.
Prerequisites: Object-oriented design
Learning objectives
By the end of this lesson, you will be able to:
- Distinguish React Native's native components from web React's DOM output
- Write the JavaScript React expects: arrow functions, destructuring, map/filter and template literals
- Apply JSX rules and translate web markup into View and Text
- Build a screen from View, Text, Image, ScrollView, FlatList and Pressable
- Render lists from arrays with FlatList using renderItem and keyExtractor