React Native : Build Native Mobile Applications

Build Native Mobile Applications for Android & iOS using JavaScript & React

Created by Skillbakerystudios, Last Updated 30-Sep-2020, Language:English

Requirements

Basics of JavaScript,HTML,CSS

Description

Learn the fundamentals of React-Native to build cross platform mobile applications

React Native allows you to build native iOS and Android applications in JavaScript and React.js.

Even if you are a novice to mobile development but if you have expertise in JavaScript,html and CSS you will be able to develop cool applications using react-native.

We will be starting with the basics like what is react-native all about, how we can install it on various operating systems out there and then learning how a react-native application works

We will also be exploring many components which are used on a day to day basis to develop react-native mobile applications like

Views
Text
TextInput
Image
TouchableHighlight
ActivityIndicator
ListView

We will also be covering how to debug react-native applications and how to launch it on android emulator

During this course we will be developing three applications

Calculator
Flick Image Viewer
Todo Application

By developing these application we will learn many core concepts of react-native like how to send and receive data from server.

We will also introduce you to firebase which is a Database As a Service using this we will see how we can store data in a database

So come on join in and let's start learning React-Native

Who this course is for:

Those who want to work on latest web technologies
Those who are into web development
Those who want to learn React-Native
Web Architects
Web Designers

Course Content

Introduction

4 Lectures 00:09:45
- Introduction
  
  00:01:59
- Installing React Native - Windows
  
  00:02:58
- Installing React Native - Mac
  
  00:02:25
- Installing React Native - Linux
  
  00:02:23
React Native Fundamentals

13 Lectures 01:01:11
- Creating Sample Android Application and Running it on Windows
  
  00:05:31
- Traversing the Application structure
  
  00:03:28
- Creating Sample iOS Application and Running it on iPhone Emulator
  
  00:03:02
- Understanding Components
  
  00:02:09
- Creating and Rendering our Component
  
  00:04:44
- Adding Style to our component & Understanding JustifyContent
  
  00:07:13
- Understanding AlignItems
  
  00:02:48
- Creating Nested Components
  
  00:06:53
- Passing Data to Components - Exploring Properties
  
  00:03:40
- Introduction to Lists - Using reusable components
  
  00:05:06
- Selective Styling
  
  00:03:15
- Writing the code the ES6 way
  
  00:04:08
- Comparing React.CreateClass and React.Component
  
  00:09:14
Exploring Style and Resolution

6 Lectures 00:25:39
- Introduction to Flexbox
  
  00:04:40
- Understanding the View Layout - Flexbox Model - Positioning
  
  00:04:18
- Understanding the View Layout - Flexbox Model - Resizing
  
  00:04:38
- Working with StyleSheets
  
  00:05:57
- Inline Styles
  
  00:03:53
- Understanding Resolution
  
  00:02:13
Events

1 Lectures 00:03:19
- Handling Events
  
  00:03:19
Application - I - Understand Flexbox,Events & States

5 Lectures 00:27:51
- Creating Calculator application
  
  00:05:41
- Design our Calculator - I
  
  00:05:04
- Designing our Calculator - II
  
  00:03:49
- Designing our Calculator - III
  
  00:09:21
- Developing our Calculator - Handling Events
  
  00:03:56
Application - II - Understanding Client-Server Communication

9 Lectures 00:33:52
- Introduction
  
  00:00:34
- Application Preview
  
  00:01:03
- React Flickr - Part 1
  
  00:03:10
- React Flickr - Part 2
  
  00:03:05
- React Flickr - Working with Fetch API
  
  00:02:25
- React Flickr - Fetch API usage
  
  00:04:27
- React Flickr - Photo Component
  
  00:05:08
- React Flickr - Main Application Screen
  
  00:10:07
- React Flickr - Designing the Application
  
  00:03:53
Creating A Notes Taker Application - Working with Firebase

11 Lectures 00:32:29
- ToDo Application Introduction
  
  00:00:38
- Creating the Todo Application Project
  
  00:01:31
- Working with Navigation
  
  00:04:55
- Using States
  
  00:06:25
- Using Events
  
  00:04:12
- Using Fetch API
  
  00:04:29
- Creating User Profile
  
  00:02:48
- Handling Errors
  
  00:02:10
- Using Image Component
  
  00:01:36
- Working with Firebase
  
  00:01:34
- Exploring Listview
  
  00:02:11
Debugging

1 Lectures 00:04:10
- Debugging React-Native Applications
  
  00:04:10
Conclusion and Code Download

1 Lectures 00:01:27
- Conclusion and Code Download
  
  00:01:27