Introduction to React Native

Course 4657

  • Duration: 1 day
  • Labs: Yes
  • Language: English
  • Level: Intermediate

In this course, Introduction to Building Mobile Applications with React Native, students will learn to build and integrate user interfaces using React Native controls from various sources into a React application. The course covers essential concepts like creating dynamic pages with scrollable lists, handling form inputs, and implementing smooth navigation between components. By the end, students will have the skills to support native mobile functionality across multiple platforms.

Introduction to React Native Delivery Methods

  • In-Person

  • Online

  • Upskill your whole team by bringing Private Team Training to your facility.

Introduction to React Native Course Information

In this course, you will:

  • Gain a clear understanding of the relationship between React, React Native, and mobile platforms
  • Set up and configure your development environment using Expo
  • Integrate core components (Text, View, Picker, Pressable, etc.) and leverage the React Native community
  • Handle code integration and event-driven interactions
  • Apply existing React and CSS skills to mobile app development
  • Build user-friendly forms with components like TextInput and Switch for handling input
  • Implement seamless navigation between components for dynamic app functionality

Prerequisites

  • 2316: Blazor: Building Web Applications
  • Students should be familiar with React programming

Exam Information

None.

Introduction to React Native Course Outline

Introducing React Native

  • What is React Native?
  • Understanding where React Native components come from
  • Testing your React Native app
  • Deploying to multiple platforms

Building Pages

  • Creating and configuring Views
  • Creating dynamic displays with multiple components and dropdown lists
  • Building on CSS knowledge

Accepting Input

  • Building Forms with TextInput, Switch
  • Understanding React’s one-way data flow
  • Integrating with events
  • Creating general purpose and dedicated form processing

Implementing Navigation

  • Navigation options: Stack, Tab, and Drawer
  • Designing navigation paths
  • Passing parameters between components

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

Introduction to React Native FAQs

This course is designed for developers familiar with React who want to expand their skills into mobile application development. It’s ideal for web developers looking to transition to mobile development or anyone interested in creating cross-platform mobile apps using a single codebase.

No prior mobile development experience is required. However, familiarity with  basic React concepts will help you navigate the course more easily.

React Native allows you to develop apps for both iOS and Android using a single codebase, which makes it a popular choice for cross-platform mobile development.

Yes, by the end of the course, you’ll learn how to test your app on mobile devices and prepare it for deployment to both App Store (iOS) and Google Play (Android).

You’ll work on several projects, including building dynamic pages, forms with input fields, and implementing navigation. These projects will help you create fully functional mobile apps by the end of the course.

While React is used for building web applications, React Native is a framework specifically for mobile app development, using native components to interact with iOS and Android platforms. This course covers how to leverage your existing React knowledge for mobile development.

Yes, React Native shares many similarities with React, so if you're familiar with React's component-based architecture, you’ll find React Native intuitive. The course will also build on your understanding of CSS to style mobile applications.