Build practical programming and technology skills

React Native Development

Build cross-platform mobile applications with React Native, TypeScript, navigation, device capabilities, local storage, APIs, tests, and release packaging.

View curriculum

PractitionerDifficulty

40 hoursEstimated time

8 modules32 lessons

5 guided labsKnowledge check

Plan your learning

Path Brief

Skills you will practice

Mobile · React Native Development
Mobile · React Native Project Foundations
Mobile · Native Components And Layout
Mobile · State Events And Forms
Mobile · Navigation And Application Architecture
Mobile · Device Capabilities And Local Storage

Prerequisites

Javascript Fundamentals
React Development

Tools

A current web browser
A code editor or terminal appropriate to the path
A safe local or virtual lab environment

Before you begin

What you need

Javascript Fundamentals
React Development

Step-by-step curriculum

Learning modules

Complete lessons in order or open the module that matches your current goal. Your lesson progress is saved on this device.

01React Native Project FoundationsBuild practical skill in react native project foundations and connect it to the outcomes of React Native Development.4 lessons · 1 lab

Lesson 1

React Native Project Foundations: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying React Native Project Foundations in React Native Development.

25 min

Lesson 2

Set Up and Explore React Native Project Foundations in React Native Development

Prepare the tools, data, project state, or test environment needed to explore React Native Project Foundations safely and repeatably.

25 min

Lesson 3

Build a Practical React Native Project Foundations Example in React Native Development

Create a new project, add one source file and one dependency if appropriate, run it, and document the commands another learner needs.

30 min

Lesson 4

Debug Common React Native Project Foundations Problems in React Native Development

Recognize common failure modes in React Native Project Foundations, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Safe

Guided Lab: React Native Project Foundations in React Native Development

React Native Development — React Native Project Foundations lab: Create a new project, add one source file and one dependency if appropriate, run it, and document the commands another learner needs.

Not started

02Native Components and LayoutBuild practical skill in native components and layout and connect it to the outcomes of React Native Development.4 lessons · 1 lab

Lesson 1

Native Components and Layout: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying Native Components and Layout in React Native Development.

25 min

Lesson 2

Set Up and Explore Native Components and Layout in React Native Development

Prepare the tools, data, project state, or test environment needed to explore Native Components and Layout safely and repeatably.

25 min

Lesson 3

Build a Practical Native Components and Layout Example in React Native Development

Build a two-column component that collapses cleanly on a narrow viewport and preserves readable spacing.

30 min

Lesson 4

Debug Common Native Components and Layout Problems in React Native Development

Recognize common failure modes in Native Components and Layout, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Native Components and Layout in React Native Development

React Native Development — Native Components and Layout lab: Build a two-column component that collapses cleanly on a narrow viewport and preserves readable spacing.

Not started

03State, Events, and FormsBuild practical skill in state, events, and forms and connect it to the outcomes of React Native Development.4 lessons · 1 lab

Lesson 1

State, Events, and Forms: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying State, Events, and Forms in React Native Development.

25 min

Lesson 2

Set Up and Explore State, Events, and Forms in React Native Development

Prepare the tools, data, project state, or test environment needed to explore State, Events, and Forms safely and repeatably.

25 min

Lesson 3

Build a Practical State, Events, and Forms Example in React Native Development

Build a form or request validator with valid, missing, malformed, and boundary inputs.

30 min

Lesson 4

Debug Common State, Events, and Forms Problems in React Native Development

Recognize common failure modes in State, Events, and Forms, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: State, Events, and Forms in React Native Development

React Native Development — State, Events, and Forms lab: Build a form or request validator with valid, missing, malformed, and boundary inputs.

Not started

04Navigation and Application ArchitectureBuild practical skill in navigation and application architecture and connect it to the outcomes of React Native Development.4 lessons · 1 lab

Lesson 1

Navigation and Application Architecture: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying Navigation and Application Architecture in React Native Development.

25 min

Lesson 2

Set Up and Explore Navigation and Application Architecture in React Native Development

Prepare the tools, data, project state, or test environment needed to explore Navigation and Application Architecture safely and repeatably.

25 min

Lesson 3

Build a Practical Navigation and Application Architecture Example in React Native Development

Create routes for a list view and a detail view with an ID parameter, then test valid and missing IDs.

30 min

Lesson 4

Debug Common Navigation and Application Architecture Problems in React Native Development

Recognize common failure modes in Navigation and Application Architecture, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Navigation and Application Architecture in React Native Development

React Native Development — Navigation and Application Architecture lab: Create routes for a list view and a detail view with an ID parameter, then test valid and missing IDs.

Not started

05Device Capabilities and Local StorageBuild practical skill in device capabilities and local storage and connect it to the outcomes of React Native Development.4 lessons · 1 lab

Lesson 1

Device Capabilities and Local Storage: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying Device Capabilities and Local Storage in React Native Development.

25 min

Lesson 2

Set Up and Explore Device Capabilities and Local Storage in React Native Development

Prepare the tools, data, project state, or test environment needed to explore Device Capabilities and Local Storage safely and repeatably.

25 min

Lesson 3

Build a Practical Device Capabilities and Local Storage Example in React Native Development

Store a small record, restart or reload the application, and prove the state can be read back correctly.

30 min

Lesson 4

Debug Common Device Capabilities and Local Storage Problems in React Native Development

Recognize common failure modes in Device Capabilities and Local Storage, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Device Capabilities and Local Storage in React Native Development

React Native Development — Device Capabilities and Local Storage lab: Store a small record, restart or reload the application, and prove the state can be read back correctly.

Not started

06APIs and Asynchronous DataBuild practical skill in apis and asynchronous data and connect it to the outcomes of React Native Development.4 lessons

Lesson 1

APIs and Asynchronous Data: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying APIs and Asynchronous Data in React Native Development.

25 min

Lesson 2

Set Up and Explore APIs and Asynchronous Data in React Native Development

Prepare the tools, data, project state, or test environment needed to explore APIs and Asynchronous Data safely and repeatably.

25 min

Lesson 3

Build a Practical APIs and Asynchronous Data Example in React Native Development

Build one create/read endpoint pair with validation and a consistent error response.

30 min

Lesson 4

Debug Common APIs and Asynchronous Data Problems in React Native Development

Recognize common failure modes in APIs and Asynchronous Data, use the relevant diagnostics, and verify the correction.

25 min

07Testing, Accessibility, and PerformanceBuild practical skill in testing, accessibility, and performance and connect it to the outcomes of React Native Development.4 lessons

Lesson 1

Testing, Accessibility, and Performance: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying Testing, Accessibility, and Performance in React Native Development.

25 min

Lesson 2

Set Up and Explore Testing, Accessibility, and Performance in React Native Development

Prepare the tools, data, project state, or test environment needed to explore Testing, Accessibility, and Performance safely and repeatably.

25 min

Lesson 3

Build a Practical Testing, Accessibility, and Performance Example in React Native Development

Write a small test suite for one function, service, route, or component with success and failure cases.

30 min

Lesson 4

Debug Common Testing, Accessibility, and Performance Problems in React Native Development

Recognize common failure modes in Testing, Accessibility, and Performance, use the relevant diagnostics, and verify the correction.

25 min

08Packaging and ReleaseBuild practical skill in packaging and release and connect it to the outcomes of React Native Development.4 lessons

Lesson 1

Packaging and Release: Core Concepts for React Native Development

Understand the concepts, decisions, and vocabulary you need before applying Packaging and Release in React Native Development.

25 min

Lesson 2

Set Up and Explore Packaging and Release in React Native Development

Prepare the tools, data, project state, or test environment needed to explore Packaging and Release safely and repeatably.

25 min

Lesson 3

Build a Practical Packaging and Release Example in React Native Development

Deploy a small version change to a disposable environment, verify health, then practice a rollback.

30 min

Lesson 4

Debug Common Packaging and Release Problems in React Native Development

Recognize common failure modes in Packaging and Release, use the relevant diagnostics, and verify the correction.

25 min

Portfolio integration

Capstone Project

Build a React Native Field Service Application

Combine the path skills in a portfolio-ready project with clear functional requirements, tests, verification evidence, and operating notes.

GuidedIndependentPortfolio

Acceptance criteria

The core workflow works from start to finish.
Invalid input or failure states are handled clearly.
The result is tested and documented.
A reviewer can reproduce the setup and verification.

Continue in Programming

Related Programming

Skill assessment

React Native Development

Path Brief

Skills you will practice

Prerequisites

Tools

What you need

Learning modules

React Native Project Foundations: Core Concepts for React Native Development

Set Up and Explore React Native Project Foundations in React Native Development

Build a Practical React Native Project Foundations Example in React Native Development

Debug Common React Native Project Foundations Problems in React Native Development

Guided Lab: React Native Project Foundations in React Native Development

Native Components and Layout: Core Concepts for React Native Development

Set Up and Explore Native Components and Layout in React Native Development

Build a Practical Native Components and Layout Example in React Native Development

Debug Common Native Components and Layout Problems in React Native Development

Guided Lab: Native Components and Layout in React Native Development

State, Events, and Forms: Core Concepts for React Native Development

Set Up and Explore State, Events, and Forms in React Native Development

Build a Practical State, Events, and Forms Example in React Native Development

Debug Common State, Events, and Forms Problems in React Native Development

Guided Lab: State, Events, and Forms in React Native Development

Navigation and Application Architecture: Core Concepts for React Native Development

Set Up and Explore Navigation and Application Architecture in React Native Development

Build a Practical Navigation and Application Architecture Example in React Native Development

Debug Common Navigation and Application Architecture Problems in React Native Development

Guided Lab: Navigation and Application Architecture in React Native Development

Device Capabilities and Local Storage: Core Concepts for React Native Development

Set Up and Explore Device Capabilities and Local Storage in React Native Development

Build a Practical Device Capabilities and Local Storage Example in React Native Development

Debug Common Device Capabilities and Local Storage Problems in React Native Development

Guided Lab: Device Capabilities and Local Storage in React Native Development

APIs and Asynchronous Data: Core Concepts for React Native Development

Set Up and Explore APIs and Asynchronous Data in React Native Development

Build a Practical APIs and Asynchronous Data Example in React Native Development

Debug Common APIs and Asynchronous Data Problems in React Native Development

Testing, Accessibility, and Performance: Core Concepts for React Native Development

Set Up and Explore Testing, Accessibility, and Performance in React Native Development

Build a Practical Testing, Accessibility, and Performance Example in React Native Development

Debug Common Testing, Accessibility, and Performance Problems in React Native Development

Packaging and Release: Core Concepts for React Native Development

Set Up and Explore Packaging and Release in React Native Development

Build a Practical Packaging and Release Example in React Native Development

Debug Common Packaging and Release Problems in React Native Development

Capstone Project

Build a React Native Field Service Application

Acceptance criteria

Test your understanding

Related Programming

Check your starting point

Plan the capstone

Explore related paths