Sign in Go Pro

Course

Build a React Native Application

24 lessons

01:08:15 total

Illustration

About

In this course, you will build a cross-platform React Native application using JavaScript.

You will build a ToDo list application that will communicate with a remote API (which is written in Node.js - and is also available for download in this course). The app will target both Android and iOS and when complete you’ll leave with two release files - an Android APK file that you can upload to the Google Play Store and an iOS IPA file that you can upload to the App Store.

Throughout this course you will learn how to set up your project, build basic text views views, implement scrolling lists, respond to UI events such as button clicks (and more), work with props, style your components, implement navigation, connect to a remote HTTP endpoint, perform refactoring and much much more.

When you’re done you’ll leave this course feeling confident that you can embark on your journey as a React Native developer.

Instructors

Lessons in this course

1. Installing React Native and Creating Your First React Native App
02:17
Chris Achard
2. Editing the React Native Component to Display Data on the UI
03:20
Chris Achard
3. Extracting and Writing React Native Components
03:23
Chris Achard
4. Debugging Errors in React Native
03:41
Chris Achard
5. Reuse Components with Props in React Native
01:57
Chris Achard
6. Make React Native Components Dynamic with State
03:11
Chris Achard
7. Dynamically Rendering Components in React Native
Pro
01:28
Chris Achard
8. Rendering Lists in React Native with ScrollView and FlatList
Pro
02:06
Chris Achard
9. Styling React Native Components
Pro
04:18
Chris Achard
10. Layout Components in React Native with Flexbox
Pro
03:28
Chris Achard
11. Installing and Using Third Party React Native Libraries
Pro
03:31
Chris Achard
12. React Native Routing and Navigation with the React Navigation Library
Pro
03:48
Chris Achard
13. Reacting to Input Events with React Native Controlled Components
Pro
02:23
Chris Achard
14. Setting State in React Native with setState
Pro
03:03
Chris Achard
15. Exploring Lifecycle Methods in React Native
Pro
02:18
Chris Achard
16. Consuming a Node.js HTTP API in React Native
Pro
05:16
Chris Achard
17. Displaying Images and Icons in React Native
Pro
04:26
Chris Achard
18. Deleting a ToDo Item from a React Native List
Pro
01:31
Chris Achard
19. Refactoring Network Code into a React Native Shared Library
Pro
01:38
Chris Achard
20. Platform Specific React Native Code and Styles
Pro
03:13
Chris Achard
21. Filtering Data with a React Native Segment Component
Pro
02:01
Chris Achard
22. Deploying a React Native Application to a iOS or Android Device
Pro
02:17
Chris Achard
23. Building a React Native Android APK for Google Play
Pro
02:12
Chris Achard
24. Building a React Native iOS IPA file for the App Store
Pro
01:29
Chris Achard