Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

React Native Essential Training

via LinkedIn Learning

Overview

Discover how to build production-ready, native mobile apps on both iOS and Android using React Native.

React Native allows you to build native mobile apps using JavaScript and React. In this project-based course, learn how to use React Native to build production-ready, native mobile apps on both iOS and Android. To help acquaint you with the fundamentals of React Native, instructor Samer Buna takes a hands-on approach, showing how to build applications from scratch. He first walks through how to build a simple math game, and then demonstrates how to build a data-driven app. Along the way, he shows how to debug and solve common problems, and shares practical knowledge about testing and packaging your apps.

Syllabus

Introduction
  • Working with React Native
  • Is this course for you?
  • Course overview
1. Getting Started
  • Why React Native?
  • Requirements and setup
2. React Native Fundamentals
  • Hello React Native with Expo
  • Hello React Native on iOS
  • Hello React Native on Android
  • Styling React Native components
  • Exploring components and APIs
3. Building a Simple Game App
  • Introduction and preview
  • Initializing the TargetSum app
  • Configuring ESLint
  • The game component with a random target
  • Generating the random play numbers
  • Styling the random play numbers
  • Using TouchableOpacity for press events
  • Changing UI based on selected numbers
  • Adding shared behavior to numbers
  • Using React DevTools with React Native
  • Computing dynamic values where needed
  • Changing UI based on game status
  • Working with timers
  • Caching to optimize computable values
  • Remounting a component to reset it
4. Building a Data-Driven App
  • Introduction and preview
  • Initializing the Bakesale app
  • Using the Fetch API
  • Using FlatList with API data
  • Working with images
  • Navigating to different views with state
  • Fetching more API data for a view
  • Implementing a back link
  • Using TextInput to implement search
5. Animation and Gesture Control
  • Preparing for swiping
  • The Animated and Easing APIs
  • Creating an animation loop
  • Considering the device dimensions
  • The PanResponder API
  • Preparing the PanHandlers
  • Swiping left and right
  • Handling swipe gestures
  • Opening URLs
6. Deploying
  • Test first
  • Testing on Android
  • Changing app logo and splash screen
  • Using TestFlight with internal testers
  • Generating signed APK for Android
Conclusion
  • Next steps

Taught by

Samer Buna

Related Courses

Reviews

Start your review of React Native Essential Training

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free