React Native

What you'll learn

• Explain how React Native renders real native views and how the New Architecture fits together.
• Start projects with Expo, build screens from core components and style them with Flexbox.
• Render long lists, handle text input, touches and gestures, and navigate between screens.
• Fetch, cache and store data safely, and use device features through Expo modules.
• Keep apps fast with careful rendering, smooth animations, optimised images and Hermes.
• Test, build, sign, release and monitor apps, including over-the-air updates and their limits.

Syllabus

React Native Foundations

1. What React Native Is
2. Expo or the React Native CLI
3. Core Components

Styling and Layout

1. StyleSheet and Flexbox
2. Responsive Layouts and Safe Areas
3. Platform-Specific Code

Lists, Input and Touch

1. FlatList and SectionList
2. TextInput, Forms and the Keyboard
3. Touch and Gestures

Navigation

1. Expo Router and React Navigation
2. Params and Deep Links
3. Authentication Flows

Data and State

1. Fetching Data
2. Storing Data on the Device
3. State Management Choices

Device Features

1. Permissions and Device APIs
2. Push Notifications
3. Native Modules

Performance and UX

1. Avoiding Re-renders and Heavy JS Work
2. Animations
3. Images, App Size and Hermes

Testing, Releasing and Monitoring

1. Testing
2. Building and Releasing
3. Debugging and Monitoring
4. A React Native Release Checklist