Complete React Native bootcamp - Build 18 iOS & Android app
4.2 (368 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,666 students enrolled

Complete React Native bootcamp - Build 18 iOS & Android app

Includes Redux, firebase and lots of projects
4.2 (368 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,666 students enrolled
Last updated 3/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 21.5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Complete React Native app development
  • Learn to build 20 project from basic to advance
  • Learn Redux state management in react native app
  • Learn about API, CAMERA, SOUND and other mobile features
  • Learn about local storage in mobile apps
  • Learn about Firebase - An online real time database
Course content
Expand all 137 lectures 21:33:37
+ Non Expo path of building Apps
2 lectures 20:52

In this section we are learn how to create an app without using expo and we will also understand project structure of that app which is little bit different from expo.

Creating a project with react native cli
08:36

In this video we will learn how we can run app on android and IOS  which is generated from react native cli .

Running an application on Android and iOS
12:16
+ Getting started with React native
6 lectures 49:24

In this video we will learn how files are organized in a default installed react native and Expo app and the meaning of each file and folder.

Exploring file structure
07:47

In this video we will learn how to write our first program in React native.

Rewriting application
09:50

In this video we will learn about style in react native (how to  change font size,font style of text,change background of screen)

introduction to styling in React native
11:01

In this video we will discuss about most important elements in react native (Components, Props & State) but now we focus on components.

What is a component
05:56

In  this video we will learn about some Dumb component. we are creating some file and folder and use in App.js file.

Creating a dumb component
08:55

move forward ,Now in this video we will convert our Dumb component to smart component and Discuss more about Props (Props means properties ,every components have its own properties).

Props and Smart components
05:55
+ Exploring components
6 lectures 01:07:17

In  this video we will learn how to import images in react native app either can be directly from local resources of the app or from internet.

Loading images into the app
11:50

In this video we will learn about basic style in react native .

Styling basics in react native
09:34

In  this video we will learn about flexbox(Flexbox is designed to provide a consistent layout on different screen sizes)

Introduction to flexbox
08:46

In  this video we will learn more about flexbox(Flex Direction,Justify Content,Align Items)

More on flexbox for mobile
11:42

In  this video we will discuss about states and constructor.

states: data controller, if we want to change data then we have to use state.

constructor: In general, you should initialize state in the constructor, and when you want to change data then call setState.

Introduction to states and constructor
10:14

In  this video we will learn more about constructor and states,

creating a small fun app using react native.

Managing state and fun app
15:11
+ Touchable and creating an app
3 lectures 30:23

In  this video we will learn about Buttons and Alert box.Button are essential components in any app.

create a new  background changer app

Buttons in react native
10:11

In  this video we will learn about Touchables components ,with the help of Touchables you can build your own button ,you can use text,images whatever you want to use just wrap it around  inside touchable.

Touchables in react native
09:08

In this video we will create a random background color changer app in react native.

Background changer app
11:04
+ Dice Roller App
4 lectures 23:50

In this video we will create a Dice Roller app in React Native.

in this app we use an image below the image we are gone a put a button and through the button we are going to generate random images every single time.

Getting app assets
07:31

In  this video we will create a custom button using Touchable opacity.

Design custom button
06:10

In  this video we will simply want to create state and bring the images from state.and create a method which generate a random values using Math.random() function.

Getting a Random Number
04:41

In  this video we will create a switch case statement and set image according to that number. finish Dice Roller App

getting Random images
05:28
+ Currency Converter app and Ejecting from Expo
6 lectures 59:37

In this section we are creating a new app which is currency converter app , And Discuss about some ios related issue and resolve that issue using SafeAreaView.

Handling Notches
09:06

In  this video we will Design our currency converter app, we are creating 2 views ( one for result & one for input).

Creating input and Result Views
14:41

In  this video we will Design our Button and improve style of the app.

Creating all the buttons
12:31

In  this video we will learn how to calculate the results when user press the button.

Adding working logic
12:36

In  this video we will try to hide our keyboard in react native app.

Handling keyboards events in React native
04:10

In  this video we will learn how we eject our expo app into android and ios.Expo allows you to eject your pure-JS project from the Expo iOS/Android clients, providing you with native projects that can be opened and built with Xcode and Android Studio.

Ejecting expo app to Android and iOS app
06:33
+ Third party components and TIC TAC TOE
9 lectures 01:27:55

In this section we will create an amazing app TIC TAC TOE and Discuss about third party components

Third party components
09:53

In this video we will Explore third party components (Native base)

Exploring Native Base
11:04

In this video we will learn how to debug errors in react native.

Can you debug in React Native
04:06

In this video we will learn how to load custom fonts in react native and resolve error from previous videos.

Loading Custom Fonts and Resolve Errors
14:45

In this video we will start our Tic Tac Toe app and create design and function for that.

Adding TODOs and TIC TAC TOE
09:46

In this video we will learn how to import Item from expo and create an array for button then set that array into button.

flip cross and zeros in app.

Flipping Cross and Zeros
10:40

In this video we will learn how to choose item icon and item color in tic tac toe app and create more functions like resetGame(),winGame().

Writing more functions
05:30

In this video we will write code of winning logic in winGame() functions  for tic tac toe app in react native.

Writing winning logic for TIC TAC TOE
05:40

In this video we will Design Our Tic Tac Toe App and finish that app.

Design part of TIC TAC TOE
16:31
+ Sound and Spanish number app
5 lectures 49:11

In this video we will Explore more stuffs in react native (explore documentation about expo and deep dive into expo documentation)

Exploring Expo docs
05:06

In this video we will start our new spanish number app.

Download assets folder .

Getting assets for playing sound
10:57

In this video we will try to learn how to play sounds on button click.

Understand the play method
12:29

In this video we will Design our spanish number app.

Creating a button for sound
10:16

In this video we will finish our spanish number app.

Finishing Audio app
10:23
+ Scratch and win Game app
5 lectures 57:02

In this section we will create Scratch and Win Game app and Explore Documentation about Dimensions in react native.

Bug in default app and fix
07:34

In this video we will craft our application and we are gone a project our strategy for this game and define all the functions like( resetGame(),showAllitem(),scratchItemcolor()& generateRandomnumber() ).

Define the function for game
12:03

In this video we will write code for all the functions in  Scratch and Win Game app in react native.

Getting functions for ready
12:56

In this video we will finish our designing part for this game

Getting the design part and fixes
12:36

In this video we will finish our Scratch and Win game app.

Dimensions and Assignment
11:53
Requirements
  • Basics of Javascript is required like loops, function, arrays, arrow function etc.
  • This course is NOT dependent on reactjs
  • A decent laptop/desktop that can open code editor like VSCode
  • No high end system is required as you can run all apps in your real mobile phone
Description

Let’s start the discussion with some most obvious questions:

What is prerequisite for this course?

Before starting this course, we assume that you are comfortable with javascript. Things like loops, functions, array and arrow functions are clear to you.

Is react native related to reactJS?

This course was designed in a way that student can start directly with this course. There is no need for reactJS for this course. But if you do have reactjs knowledge, that’s great.


Do I need high end laptop/desktop for this course?

This is one great thing with react native. Throughout this course, we will be working with VSCode and you can run apps in mobile phone (real device). Don’t worry, process is covered in the course.


Is redux included?

Yes, of course. and includes firebase, Camera API, sound etc too.


What apps we will be creating in this course?

So many apps.

DiceRoller, CurrencyConverter, TicToeToe, Scratch and win, Photo clicker, Employee App, User API, Authentication, Message Board, Chat app, Contact App etc.


What is react native?

React native is a project by Facebook (open source), used to design Android and iOS apps with single code apps. One more amazing thing about react native is hot reloading which makes app development time faster.

Working with react native is super fun. This course is 1 stop solution to learn react native.


Here are some kind words by our students:

i really loved the approach in which the instructor taught i,e to go with the documentation. He actually teaches you how to learn new things. i just loved the course.

— Surabhi Nirgudwar

This course is one of the best course have ever done. The tutor is also the best tutor have ever encounter. I love how he was able to carry everybody along, i understood everything in this course and i look forward in doing more course from you.

— Deborah

very straight forward, covers everything (including minor details), easy to follow and understand

— Cara


Catch you inside the course!

Who this course is for:
  • Beginners in mobile app development
  • Beginner in Android development
  • Beginners in iOS development
  • Students who are looking for a 1 stop solution for mobile development using react native