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
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
