Introduction to React Native

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 Benefits

• 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

Learning Objectives

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