SE flag SE
+46 (0)8 506 668 00
+46 (0)8 506 668 00

Introduction to React Native

Course 4657

  • Duration: 1 day
  • 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
Get This Course For Team Prices Call: +46 (0)8 506 668 00

  • 1-Day Instructor-Led Training

  • Hands-on Labs Included

  • Course Sandbox Included

  • After-Course Instructor-Led Training

#4657
  • nov 18 15:00 - 22:30 CET
    Virtual
  • jan 7 9:00 - 16:30 CET
    Virtual
  • jan 7 10:00 - 17:30 CET
    Virtual
  • feb 18 15:00 - 22:30 CET
    Virtual
  • mar 31 10:00 - 17:30 CEST
    Virtual
  • mar 31 9:00 - 16:30 CEST
    Virtual
  • maj 20 15:00 - 22:30 CEST
    Virtual
  • jun 30 9:00 - 16:30 CEST
    Virtual
  • jun 30 10:00 - 17:30 CEST
    Virtual
  • aug 18 15:00 - 22:30 CEST
    Virtual
  • sep 29 9:00 - 16:30 CEST
    Virtual
  • sep 29 10:00 - 17:30 CEST
    Virtual

Scroll to view additional course dates

  • Bring this or any training to your organization

  • Full-scale program development

  • Delivered when, where, and how you want it

  • Blended learning models

  • Tailored content

  • Expert team coaching

#4657
Questions about this course?
* Required Fields
Customise Your Team Training Experience

Fill out the form below or call +46 (0)8 506 668 00

* Required Fields
Preferred method of contact:

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

Contact Us

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.

Related Courses

  • Learning Tree
    Building Web Applications with React 16

    Attend this hands-on React 16 course & learn to build an application & create high-performance user Interfaces with JSX components. Attend in-class or online.

    Advanced
    4 days
    Online or In-class
    Starts from 32 130 kr