Cross Platform Mobile Development with React Native

Instructor: Board Infinity

Intermediate Level • 2 weeks to complete at 10 hours a week • Flexible Schedule

What You'll Learn

  • Describe the key principles of cross-platform development and React Native's architecture.
  • Develop responsive and interactive mobile applications using React Native's components and styling techniques.
  • Implement efficient state management, data fetching, and local storage techniques in React Native applications.
  • Evaluate and troubleshoot common issues in app scaffolding, navigation, and performance optimization.

Skills You'll Gain

Performance Tuning
React Native
Javascript
Development Environment
Application Programming Interface (API)
Android Studio
Cross Platform Development
Apple Xcode
Debugging
Data Management
Mobile Development
User Interface (UI)
Data Storage

Shareable Certificate

Earn a shareable certificate to add to your LinkedIn profile

Outcomes

  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 3 modules in this course

In this module, you’ll explore cross-platform development and learn how React Native enables you to build apps for multiple platforms using a single codebase. You’ll dive into React Native’s architecture, understanding how JavaScript Core and the Bridge connect with native components. You’ll also set up your development environment with tools like Node.js, Android Studio, and Xcode, and create your first React Native app. Finally, you’ll scaffold a project and debug it using emulators and developer tools—equipping you with the skills to kickstart your mobile development journey.

In this module, you’ll learn the essentials of React Native. You’ll explore functional vs class components, use JSX for dynamic UIs, and manage data with props and state. Master styling with Flexbox and StyleSheets to create responsive layouts, and handle user interactions with buttons, inputs, and events. Finally, you’ll implement multi-screen navigation using stack, tab, and drawer navigators—building the foundation for interactive and user-friendly apps.

In this module, you’ll learn how to manage state using hooks like useState and useEffect, and handle global state with the Context API. You’ll also explore how to fetch and display data from APIs using Fetch or Axios, and implement lists, pagination, and pull-to-refresh functionality. Next, you’ll dive into local data storage with AsyncStorage and SQLite, enabling offline synchronization for better user experience. Finally, you’ll work with media and file handling by displaying images, playing audio and video, and managing file uploads and downloads—building the skills needed to manage data effectively in React Native apps.