Last updated 7/2018MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 3.09 GB | Duration: 7h 31m

Combine the power of React Native to build dynamic and stunning native mobile apps for Android and iOS

What you’ll learn

Build custom reusable components for your mobile app and develop native apps for both iOS and Android

Perform animations in your applications using the animation APIs

Test and deploy your application for a production-ready environment

Grasp the concepts of Redux state management to build scalable apps

Add navigation to your App to build UX components for your React Native App

Integrate with Firebase as a data store and learn how to authenticate a user

Requirements

Prior programming experience of javascript is assumed.

Description

React Native is a javascript framework that lets you build native apps for both iOS and Android using a single language. A React native app is not a hybrid app so it’s indistinguishable from native apps built with Java and Objective-C.

React has taken the web development world by storm. It’s only natural that its unique architecture and third-party support ecosystem is applied to native application development. Using javascript, you can build an application that renders native UI components and accesses native device functionality.

This comprehensive 3-in-1 course is a step-by-step tutorial to building dynamic apps for iOS and Android with React Native. Design and build a fully-featured application using the newest features of React Native. Create increasingly complex real-world applications and explore React Native in depth.

Contents and Overview

This training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible.

The first course, Learning React Native Development, covers developing dynamic and stunning native mobile apps for Android and iOS using javascript. Delve directly into React Native to build native mobile apps. Develop apps that are fun, unique, and responsive with React Native. Learn React Native fundamentals to build interactive and user-friendly apps. The course aims at teaching you React Native irrespective of the underlying platform so that you can learn once, write anywhere.

The second course, Building Your Application with React Native, covers making your application with React Native and master UI design. This video takes you from the basics of React Native development all the way through to advanced components. A lot of different development techniques go into creating an app. In this course, you’ll start with a quick intro to React Native and how to build basic UI components, then move on to discussing data flow and React Native animations. Finally, we will look at how to publish your applications to Play Store or to private devices.

The third course, Publishing Your Application with React Native, covers creating impressive applications using the different tools of React Native. In this video, you’ll start with a look at state management and how to keep your code usable by other developers, how to build for your ideal user, how to create animations that pop, and how to publish your apps to the App Store. With the core UI built, we can take off our designer hats and focus on creating code that is clean and easy to reuse.

By the end of the course, you will have created your own application using React Native and learned to publish your app in the App Store and Play Store.

By the end of the course, you’ll create and publish impressive applications using the different tools of React Native.

About the Authors

MiftaSintaha is a big enthusiast of new web technologies that are out there to make everyone’s life easier. She is a Software Eeer, a Tech Lead, and a content creator in YouTube where she authors various concepts in Computer Science and MEAN stack frameworks. Her ability to simplify the explanation of complex topics is what enhanced her popularity in YouTube. She has over 4 years’ experience in working with frontend frameworks such as Angular and React, and backend frameworks such as Express.js and Django. Get the opportunity to learn how to write production-ready code with her courses.

Find out more about her tutorials at her YouTube channel: MiftaSintahaCS

You can also look at her work on GitHub @msintahaAlvaro is a professional React Native developer with an interest in mobile technology, server-side API development, and iOS development. He plays bass in a rock band, and he enjoys road bikes and politics. The first thing he started programming was little buy scripts for Counter Strike. These were small hacks to buy faster and pick up all the necessary equipment. A few years later, he went to the University of Balearic Islands to study computer science. There he began to learn the fundamentals of computer programming using Ada, C, and Java. After finishing his B.Sc. in Computer Science, he started his M.Sc. That was when he started to do really fun things such as games in Lisp, creating a compiler of a subset of Ada instructions, and computer vision with OpenCV, among others. Before finishing his M.Sc, he started to work full-, first as a developer for the hotels team at Logitravel (the second tourism dot com in Spain) and currently as an iOS developer at mola. He had no previous iOS or mobile development experience before entering mola, but he successfully managed to develop both server-side and mobile apps for a social network called Hoods. He also helped the awesome team at Mola in several other projects (Matchball, Zoco). Right now he is a mobile developer at APSL—Advanced Programming Solutions—and works on several products.

Overview

Section 1: Learning React Native Development

Lecture 1 The Course Overview

Lecture 2 Installation and Setup

Lecture 3 Running the Simulator

Lecture 4 Understanding JSX

Lecture 5 App Overview

Lecture 6 Styling the Header

Lecture 7 Structuring the Photo Section

Lecture 8 Flexbox

Lecture 9 Styling the Photo Section

Lecture 10 Endpoint to Fetch Data

Lecture 11 Functional versus Class-Based Components

Lecture 12 Axios

Lecture 13 React States

Lecture 14 Lifecycle Methods

Lecture 15 Looping Through Photo Section

Lecture 16 Implementing the Like Button

Lecture 17 What Is Redux?

Lecture 18 Managing State Using Redux

Lecture 19 Action Creators

Lecture 20 Creating the Photos Reducer

Lecture 21 Calling Actions from Components

Lecture 22 Login Form Overview

Lecture 23 Structuring the Login Form

Lecture 24 Firebase Configuration

Lecture 25 Managing Input State

Lecture 26 Storing Form Input in Reducers

Lecture 27 Getting the Form Input Values

Lecture 28 Firebase Login API

Lecture 29 Login Wrapup

Lecture 30 App Overview of IdeaPad

Lecture 31 Configuring the Database

Lecture 32 Structuring the IdeaPad Form

Lecture 33 Submitting Ideas

Lecture 34 Showing List of Ideas

Lecture 35 React Native Navigation

Lecture 36 Navigating Between Screens

Lecture 37 Fetching Data from Firebase

Lecture 38 Editing Ideas

Lecture 39 Editing Action Creator

Lecture 40 Deleting Ideas

Section 2: Building Your Application with React Native

Lecture 41 The Course Overview

Lecture 42 Initializing a New Project

Lecture 43 Should You Primarily Test on Android or iOS?

Lecture 44 Going Double Down on React Native

Lecture 45 Goals of This Course

Lecture 46 Creating Your Environment for React Native

Lecture 47 High-Level React Native Architecture

Lecture 48 Working with ES2017 javascript

Lecture 49 Understanding RN Project Environment

Lecture 50 Introduction to Components

Lecture 51 Debugging on Chrome

Lecture 52 React Native Built-in and Common Functions

Lecture 53 Reading the Facebook RN Component Docs

Lecture 54 Typing Your Code with Flow

Lecture 55 Creating a Component

Lecture 56 Using Flexbox

Lecture 57 Introducing the Key React Native Components

Lecture 58 Working with ListView and FlatList

Lecture 59 Installing Third- Party Components Via GitHub

Lecture 60 Phases of Product Design

Lecture 61 Working with More Components to Make It Better

Lecture 62 Working with Guerrilla Design

Lecture 63 Crafting Reusable Components

Lecture 64 Introduction to Props and State

Section 3: Publishing Your Application with React Native

Lecture 65 The Course Overview

Lecture 66 Unidirectional Data Flow Versus Two-way Data Binding

Lecture 67 Setting Up a Dev Environment

Lecture 68 Redux, Global State Manager for Your App

Lecture 69 Installing Redux-Saga

Lecture 70 Managing API Calls

Lecture 71 API Data

Lecture 72 Handling API Errors

Lecture 73 Installing React Navigation

Lecture 74 Why UX Is Important

Lecture 75 Creating UX Components for Your React Native App

Lecture 76 Testing Your Components with Jest Snapshot Testing

Lecture 77 Intro to Animations in React Native

Lecture 78 Animated Module

Lecture 79 LayoutAnimation

Lecture 80 Adding Animations to Our App

Lecture 81 Example App – a Case Study

Lecture 82 How to Publish for iOS

Lecture 83 How to Publish for Android

Lecture 84 Demoing Applications for Clients

javascript developers who want to build native mobile applications.,Frontend React developers who want to extend their skillset to mobile development. No knowledge of React Native and mobile development is needed.