Build React Native Apps for Android and iOS
3.2 (67 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,499 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build React Native Apps for Android and iOS to your Wishlist.

Add to Wishlist

Build React Native Apps for Android and iOS

create programs in React Native and develop apps for iOS and Android devices
3.2 (67 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,499 students enrolled
Created by Remi Blais
Last updated 5/2016
English
Current price: $10 Original price: $25 Discount: 60% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 17 Articles
  • 10 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create React Native Projects
  • Write React Native Code for Android and iOS Development
  • Get the React Native Android Tools Setup
  • Get the React Native iOS Tools Setup
View Curriculum
Requirements
  • Students should have a computer and internet access to take this course
  • This course includes videos explaining the free software needed and used and how to install and configure it for Android and iOS React Native development
Description

React Native enables you to build iOS and Android mobile apps and benefit from code reuse cross platform. React Native is an exciting new language backed by Facebook that allows you to create a native mobile experience on Android and iOS devices through a common coding experience. Apps can be developed fast using popular free text editors and testing is fast for iOS and Android - rapid mobile development

This course teaches developers at any level to get started with React Native and start coding. You will build cross platform mobile apps for Android and iOS in React Native! 

Lifetime learning and support - React Native is new and still maturing therefore this course will continue to grow and get updates as the language evolves. With lifetime access you can tune in anytime to see new updates, get new content and ask questions to guide the creation of new content.

This course will teach you React Native, get you started in building cross platform mobile apps for iOS and Android that deliver a native experience, provide you with hands-on experience and develop your skills. Learn how to test your mobile apps in the iOS Simulator and Android Emulator quickly as you work. Learn about errors and troubleshooting your code and benefit from Q&A and instructor support. 

This course moves from getting your free tools installed and setup, to getting started, to creating your first project to more advanced topics. This course is designed to be a one stop course covering both React Native for Android and iOS. After all thats the real value of learning React Native -- to learn once, build for multiple platforms and benefit from code reuse. 

Learn React Native because time and money is important and you want to invest in learning a powerful language that you can leverage to build mobile apps for Android and iOS. Take this course to learn React Native and start building app and receive added value in support, lifetime access to new material and updates, downloadable source code, coverage of professional coding and best practices, handouts, exercises and quizzes to test your knowledge and benchmark your learning. 

Who is the target audience?
  • This course is for beginners and people that want to learn React Native for both Android and iOS
  • React Native is a maturing language and this course focuses on getting you up and running with the language
  • This course can be a complete learning source, refresher, supplementary learning program or quick reference
  • No prior programming knowledge is needed but people with React, mobile or web dev experience may find this course easier to follow
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 114 Lectures Collapse All 114 Lectures 05:56:29
+
React Native Couse Welcome and Introduction
4 Lectures 08:11

A quick introduction to React Native that briefly explains what React Native is and why learn it. Learn about the language syntax, advantages, developer experience and other possibilities.

Preview 02:05

Receive a warm welcome to this React Native Course, meet the instructor, get insight into course updates, new material, feedback and questions.

Welcome to React Native and Meet Your Instructor
03:45

Brief message about video clarity and optimization to enhancing the viewing experience for students.

Video Clarity and an Optimized Viewing Experience
01:17

These are frequently asked questions and answers. Commonly developers will have the same question and an answer benefits everyone in the course and learning. 

Frequently Asked Questions (FAQ)
01:04
+
React Native Android Environment, Software & Tool Setup on a Mac
6 Lectures 20:49

Install the Java JDK following this simple tutorial. A Mac is used in this Lecture.

Install and Verify Java Development Kit JDK for Android Development - Mac
02:31

Install Android Studio to develop React Native apps for Android. Android Studio is an IDE used to develop for Android mobile devices. A Mac is used in this Lecture.

Install Android Studio for React Native Android Development - Mac
05:28

Configure and setup Android Studio on a Mac. Set the main configurations and choose settings that will enhance your experience as a learner working through the lectures and this course.  

Configure Android Studio - Part 1 - Mac
03:33

Configure Android Studio part 2. Continue making sure everything needed is setup and consider additional options for development and coding.

Configure Android Studio - Part 2 - Mac
04:11

Open bash_profile on a Mac in order to make edits including setting up the Android Environmental Variable. This lecture covers 3 different ways to open bash_profile and make edits. 

Open bash_profile on a Mac - 3 Different Ways
01:18

Check the location of the Android SDK and setup the ANDROID_HOME Environmental variable. This video covers setup on Mac OS X. Learn and get insight into some terminal commands.

ANDROID_HOME Environmental Variable Setup - Mac
03:48
+
React Native Android Environment, Software & Tool Setup on Windows
8 Lectures 28:20

Install the Java Development Kit (JDK) on a Windows OS. Install the JDK prior to installing Android Studio. This lecture is for those that develop on a system with a Windows OS installed. 

Install Java Development Kit - JDK - Windows
04:56

Check and verify that the correct locations and references are setup in Android Studio on Windows for the Android SDK and Java JDK. Having a correctly setup environment is essential for building React Native Android Apps. 

Check & Verify JDK & Android SDK in Android Studio - Windows
01:48

Install Android Studio including the Android SDK on a system running a Windows OS. This is an IDE used to build React Native Android apps. Make sure you have the Java JDK installed prior to installing Android Studio

Install Android Studio - Windows
07:09

Configure Android Studio on a Windows OS. The main configurations that will enhance your developer experience through this course are covered in this lecture. 

Configure Android Studio - Part 1 - Windows
03:00

Make additional configurations to Android Studio on Windows by installing packages and reviewing Android SDK platforms. 

Configure Android Studio - Part 2 - Windows
04:43

This lecture covers platform and plugin updates for Android Studio and the steps to follow when notification that an update is available appears for an installed package. This lecture was completed on Windows

Android Studio - Platform & Plugin Updates
03:02

This lecture covers installing missing Android SDK packages on Windows

Android SDK Missing - Build Tools - Windows
02:31

In this lecture we start an Android Virtual Device instance on Windows through Android Studio's AVD Manager. This is a way to run an emulator on a Windows OS. 

Android Virtual Device via AVD Manager - Windows
01:11
+
React Native Android Common Setup
2 Lectures 01:39

Locate the Android SDK location on your system quickly. The Android SDK location is an important piece of data needed when setting up the ANDROID_HOME environmental variable for React Native Android mobile development. 

Find Your Android SDK Location - Windows, Linux and Mac
00:32

Overview on how to setup the ANDROID_HOME Environmental Variable on Windows, Linux and Mac for React Native Android development. 

Setup ANDROID_HOME Environmental Variable Overview - Windows, Linux and Mac
01:06
+
Software Setup to Build React Native iOS Apps
1 Lecture 00:56

Install and setup Xcode. Xcode is a powerful IDE used for React Native iOS development and provides iOS Simulators to test and run iOS React Native apps.

Install Xcode for React Native iOS Development - Mac
00:56
+
Common Setup and Tools to Build React Native Android and iOS Apps
9 Lectures 27:00

Install and setup React Native. Regardless of Android or iOS development this is a required step to setup a proper development environment for React Native.

Install and Setup React Native - Common
03:35

When writing React Native code for Android and iOS there are different text editors that can be used on Windows, Mac and Linux. This lecture provides a brief overview of popular text editors that can be used to write code. 

Text Editor Options for Windows, Mac, Linux
01:37

Install and run sublime. A text editor many prefer for quickly writing and working with code. Optional and not required but may be helpful to quickly edit and write code.

Install Sublime Code Editor - Mac
04:08

Install Atom text editor that can be used to write code. Optional and not required but may be helpful to quickly write code or make edits. Setup the shell commands for quick file access from the terminal. Open folders and files quickly to make fast edits and improve workflow efficiency.

Install Atom Text Editor and Setup - Mac
03:04

Install Sublime code/text editor on Windows. Sublime is a popular text editor that can be used to write cross platform React Native Android and iOS code. 

Install Sublime Code Editor - Windows
03:14

Install Atom Text Editor on Windows to write cross-platform React Native code for Android and iOS. Atom is a popular free open source text editor and a great alternative to others such as Sublime. 

Preview 02:09

Install Notepad++ text editor on Windows. Notepad++ can be used to write and modify code. 

Install Notepad++ Text Editor on Windows
03:52

Overview on how to install Git for Windows, Linux and Mac. Git is a source code management (SCM) system, code repository and a popular distributed version control system (DVCS).

How to Install Git Overview - Windows, Linux, Mac
00:45

Lecture covering the installation of Git on Mac and Windows with an overview of how to install Git on Linux. Git is not a main part of this course but you can use Git to store, access and share React Native source code and, or work collaboratively with other developers on projects perhaps even other students from this course. 

Installing Git on Mac, Linux and Windows
04:36

Quick Quiz to test knowledge about setting up React Native and the tools used for iOS and Android app development.

React Native Setup and Tools
4 questions
+
The Xcode iOS Simulator
1 Lecture 02:17

This lecture covers a few different ways to reload our React Native code in the iOS Simulator while working in Xcode. Live Reload is covered and demonstrated which is an efficient way to work with our code being reloaded for us in the simulator when we save.

Reload React Native Code - Xcode iOS Simulator
02:17
+
Android Virtual Devices and Emulator
2 Lectures 10:12

This lecture explains and demonstrates a fix for an exception related to failure to find build tools that you may receive when deploying your React Native app to the Android Emulator. This lecture material was covered using a Mac. 

Android Emulator Deploy Exception - Build Tools
04:06

This lecture explores an exception for app:installDebug related to deploying to the Android Emulator. A solution and fix are explored and applied to resolve this exception. This lecture is covered on a Mac.

Android Emulator Deploy Exception - app:installDebug
06:06
+
React Native Basics
6 Lectures 09:04

Learn more about React Native for iOS and Android. A brief high level overview and introduction for React Native.

React Native Overview and Introduction
02:40

We compare React Native components and HTML elements to identify similar use cases for the benefit of developers familiar with HTML and coming from a web dev background

HTML Element Similarities
00:33

Learn about the React Native View and Text components and get insight into how they relate to common tags used in web development. See code examples and learn how to use these components and what code you need to write.

Core Components - View and Text
01:38

In this lecture adding an image component to a React Native Android app is covered. This lecture answers the question of how to add a local image to a React Native Android app

Image Component & Adding Images - Android
02:01

In this lecture adding an image component to a React Native iOS app is covered. This lecture answers the question of how to add a local image to a React Native iOS App

Image Component & Adding Images - iOS
01:47

Some of the main commands for React Native to get up and running and create new projects.

Main Commands for React Native - Quick Reference
00:24

React Native Overview
4 questions
+
Create a React Native Project
4 Lectures 14:20

Exciting React Native video tutorial to create a program. Apply these techniques to create any initial React Native program.

Create Our First Program in React Native - Hello World
02:38

Make UI changes, learn about UI components and how styles are applied. Use the Xcode simulator to text code and see changes.

UI Code Changes and the iOS Simulator - Xcode
05:00

This lecture covers changing styles in React Native. Learn how to change the color and font size of elements in the UI by changing styles. This video also provides a basic overview of how styles are applied to UI components in the initial project we created. The iOS Simulator is used to show the style changes.

Making Changes to Styles - iOS
03:16

Learn how to define a new style and apply it to a Text component. Reload the Simulator and see the changes. This lecture also demonstrates troubleshooting a couple simple and easy to make errors when working with defining and applying styles in React Native iOS.

Defining and Applying a New Style - iOS
03:26
8 More Sections
About the Instructor
Remi Blais
3.5 Average rating
108 Reviews
4,017 Students
3 Courses
Senior Software Engineer, Project Manager, IT Expert

I’m a full stack senior software engineer and project manager with over 20 years professional IT experience. I’ve earned and been accredited with many globally recognized designations and certifications. I’ve mentored, led and helped many developers learn new languages, expand their knowledge, build their skills and become successful paid professionals. In my career I’ve built 100’s of applications and websites and have been involved in every aspect from strategy through continuous improvement to SEO. I’ve worked in the presentation, business and data access layers and understand intimately how each piece works and fits together which allows me to provide greater insight when teaching.

I’ve had the pleasure of working on projects for small, medium and large companies therefore understanding the unique challenges and needs of each. The vast experience I’ve gained in object oriented programming, professional coding and best practices I infuse into my courses to provide exceptional and added value. It’s not just about writing some code but about writing professional code in an efficient, scalable, clean, maintainable and optimized way.

I’m a IT consultant at Empellex Inc. and the courses we've created and designed use a full spectrum of learning aids to convey material in a clear and easy to understand way. Our goal is to provide students with learning support until they reach their goal and achieve their learning objectives. In my experience everyone has the ability to learn any language if taught in a way that matches their unique learning style with support provided. Our courses are built on this foundation and offer a variety of ways to learn everything you need to know to start your adventure and with lifetime access you will always have the support you need to be successful.