Build Mobile Applications With React Native

Paths

Build Mobile Applications With React Native

Authors: Adhithi Ravichandran, Reggie Dawson, Richard Monson-Haefel, Roland Guijt, Daniel Stern, Anthony Alampi

React Native is an open-source mobile application framework used to develop apps for Android, Apple, and Windows platforms; and for the web. Develop native apps for Android and... Read more

  • Building mobile apps
  • Using Expo with React Native
  • Building chat applications
  • React Native Components
  • Styling and Testing applications

Pre-requisites

Although no prior knowledge of React, Android, or iOS development is required it is helpful to have a general familiarity with these technologies. That said, you should have an understanding of JavaScript fundamentals to work with React Native.

Build Mobile Applications With React Native

React Native is an open-source mobile application framework used to develop apps for Android, Apple, and Windows platforms; and for the web. Develop native apps for Android and iOS using React and JavaScript to create a single codebase that can be shared across platforms. React Native also lets you iterate quickly - allowing you to see your changes as soon as you save. In this skill path you will learn the foundational knowledge needed to get started with React Native and how to expand upon those features as you progress through the courses.

React Native: The Big Picture

by Adhithi Ravichandran

Jan 28, 2021 / 1h 3m

1h 3m

Start Course
Description

React Native has gained immense popularity in the last few years within the mobile development space. With over seventy thousand stars on GitHub, many fortune 500 companies are using React Native to build their mobile products. In this course, React Native: The Big Picture, you will get a big picture overview of React Native, and understand where it fits your business needs. First, you will learn about what React Native is. Next, you will discover why you should choose React Native for your mobile development. Finally, you will explore the diverse React Native ecosystem and React Native gotchas. When you’re finished with this course, you will have a clear understanding of React Native’s core features, capabilities, advantages, and drawbacks. This course will enable you to make an informed decision on whether React Native is right for your company.

Table of contents
  1. Course Overview
  2. What Is React Native?
  3. Why React Native?
  4. React Native Ecosystem
  5. Summary and Next Steps

React Native: Getting Started

by Reggie Dawson

Mar 10, 2021 / 1h 35m

1h 35m

Start Course
Description

JavaScript has become a valid option for mobile development. In this course, React Native: Getting Started, you’ll learn to build a mobile app with the built in tools. First, you’ll explore how to create a component. Next, you’ll discover routing and how to navigate between views. Finally, you’ll learn how to use state to manage data that will change. When you’re finished with this course, you’ll have the skills and knowledge of React Native needed to build your own mobile app.

Table of contents
  1. Course Overview
  2. Introduction to React Native
  3. Setting up React Native
  4. Creating Your First Component
  5. Routing Between Components
  6. Creating a Form Component
  7. Retrieving Remote Data Using the Fetch API
  8. Generating a Build of the App

Building Mobile Apps with React Native

by Richard Monson-Haefel

Jan 15, 2021 / 1h 55m

1h 55m

Start Course
Description

Mobile applications need to provide a rich and engaging experience to attract and keep users. In this course, Building Mobile Apps with React Native, you’ll learn to develop mobile apps with more advanced navigation, multi-touch gestures, and Web API access. First, you’ll explore how to set up React Native to work with the Android Emulator and iOS Simulator. Next, you’ll discover how to implement navigation and data passing among screens and handle multi-touch gestures in a mobile user interface. Finally, you’ll learn how to request and process data from a remote web service using the XMLHttpRequest API. When you’re finished with this course, you’ll have the skills and knowledge of React Native needed to create richer, more engaging mobile applications for both iOS and Android.

Table of contents
  1. Course Overview
  2. Using the Android Emulator and iOS Simulator with React Native
  3. Implement React Native Navigation and Routes
  4. Utilize Gestures
  5. Access Web APIs with XMLHttpRequest

Building React Native Applications Using Expo

by Reggie Dawson

Oct 2, 2020 / 1h 29m

1h 29m

Start Course
Description

Normally when building mobile apps using JavaScript extensive configuration is required. With React Native we have the option of using Expo to make the process easier. In this course, Building React Native Applications Using Expo, you’ll learn to develop and generate mobile apps using Expo. First, you’ll explore what Expo is, how to install it, and how to generate a project. Next, you’ll discover how to build apps using React Native components and the Expo SDK. Finally, you’ll learn how to configure your app to be built using the Expo CLI. When you’re finished with this course, you’ll have the skills and knowledge of React native and Expo needed to create your own apps ready for release to the respective app store.

Table of contents
  1. Course Overview
  2. Getting up to Speed with Expo
  3. Building the App Using React Native and Expo
  4. Finishing up and Building the App

Building a Chat Application with React Native

by Roland Guijt

Dec 3, 2020 / 1h 4m

1h 4m

Start Course
Description

React Native enables you to create mobile apps that run cross-platform: on both Android and iOS. In this course, Building a Chat Application with React Native, you’ll learn to build a chat application from start to finish. First, you’ll see how to set up a dev environment. Next, you’ll discover how to work with React Native’s built-in components and work with animations. Finally, you’ll learn how to connect to a server using a websocket connection. When you’re finished with this course, you’ll have the skills and knowledge of building applications with React Native needed to create cross-platform mobile applications efficiently.

Table of contents
  1. Course Overview
  2. Setting up the Development Environment
  3. Adding Components, Hooks, and Animations
  4. Communicating Using WebSockets

React Native: Components Playbook

by Adhithi Ravichandran

Jan 13, 2021 / 2h 30m

2h 30m

Start Course
Description

React Native builds native cross-platform apps using JavaScript and React. In this course, React Native: Components Playbook, you’ll learn to build scalable React Native apps using the core components. First, you’ll explore building the views in the app with the ScrollView component. Next, you’ll learn more about other components like FlatList and SectionList to display large lists. Then, you'll build custom components for your app which can be reused across the app. Finally, you’ll learn about the TextInput component to allow the user to enter data. When you’re finished with this course, you’ll have the skills and knowledge to build React Native applications using some of its core components.

Table of contents
  1. Course Overview
  2. Setting up React Native Development Environments
  3. Displaying Scrollable Lists with ScrollView Component
  4. Rendering Large Lists with FlatList Component
  5. Displaying Large Lists by Section Using SectionList Component
  6. Developing Reusable Custom Components
  7. Configuring User Inputs with TextInput Component
  8. Summary and Next Steps

Styling React Native Applications

by Daniel Stern

Nov 9, 2020 / 1h 50m

1h 50m

Start Course
Description

Mobile devices are what many users use to browse the web, but developing apps that simultaneously work on Android, iOS, and in web browsers can be an expensive, time-consuming, and baffling process. In this course, Styling React Native Applications, you’ll learn to style React Native applications, resulting in a consistent and professional appearance on multiple different mobile platforms, with only one code base. First, you’ll see how to apply basic styling to your React Native application using the Stylesheet.Create() method and applying fixed dimensions and positioning to the elements of the page, creating simple and consistent, though inflexible, basic layouts. Next, you’ll discover how to create more robust and dynamic layouts by using Flex styling instead of fixed dimensions, enabling you to create a wider variety of layouts including vertically and horizontally arranged sections, as well as elements that automatically resize to fit the context. Finally, you’ll explore how to animate your application using the LayoutAnimation API, creating fluid transitions between application views and the states within each view. The animation skills you'll learn will enable you to create engaging and interactive applications on all platforms. When you’re finished with this course, you’ll have the skills and knowledge of styling React Native applications to confidently and independently apply robust styles to any application you are assigned to work on, or to build your own applications easily and with minimal code.

Table of contents
  1. Course Overview
  2. Understanding React Native Application Styling
  3. Using Flexbox to Style React Native Applications
  4. Animating React Native Components with the LayoutAnimation API

Testing Mobile Apps in React Native

by Anthony Alampi

Dec 4, 2020 / 1h 6m

1h 6m

Start Course
Description

React Native mobile testing systems allow developers to thoroughly test apps for bugs to ensure a quality user experience. In this course, Testing Mobile Apps in React Native, you’ll learn how to find and fix errors and bugs in the React Native framework. First, you’ll explore the different kinds of testing available to React developers. Next, you’ll discover how to test components using the React Native Testing Library. Finally, you’ll learn how to complete end-to-end tests with Detox. When you’re finished with this course, you’ll have the skills and knowledge of React Native testing needed to produce and test quality React Native apps.

Table of contents
  1. Course Overview
  2. Overview of Testing in React Native
  3. Developing Component Tests
  4. End-to-end Testing Using Detox
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit