Build An App In Less Than 60 Minutes Using React Native

Learn React Native and it's principles by building a tinder like jokes app

Last updated 2022-01-10 | 4

- Build a full functional mobile app
- Learn the initial concepts of react
- Learn about Expo and creating a react native mobile app

What you'll learn

Build a full functional mobile app
Learn the initial concepts of react
Learn about Expo and creating a react native mobile app
Use APIs from different services
fetch and use data from an API

* Requirements

* A basic understanding of HTML
* CSS
* and JavaScript

Description

*** Brand New Course Launched in June 2017***

*** LEARN HOW TO BUILD AN APP IN LESS THAN ONE HOUR***

Learn React Native by doing!

React Native is taking over the mobile market, building Native paced mobile applications, with the principle of learn once implement everywhere. This means we can easily build mobile apps for iOS and Android super quickly and intuitively.

Subscribe and up skill yourself in the Framework used by companies such as Facebook, Uber, AirBnb to build their mobile apps.

What are we going to cover and use ?

React Native - State - Props - Expo

You'll be building a tinder inspired jokes app:

We'll be using diagrams and flowcharts throughout our course to pictorially explain what is happening at each step and how this fits into the bigger picture of React Native, we leave no stone unturned when going over core theories of this popular and fast framework.

Learn React's popular JSX markup language, combining HTML and Javascript and get quickly trained on breaking down large applications into much smaller component based solutions that you can re-use throughout your code.

Understand how 'props' and 'state' work, more importantly understand what the exactly are, what they do and why they are necessary.

Learn how to easily manage your data using State and build complex applications, and become that entrepreneur who knows how to curate your tech team, or address your consultancy.

We learn about Redux middleware, nothing is explained using jargon and everything is taught in a relatable and simple terms, making it extremely easy to grasp all these new concepts

This course not only explains how React Native operates but, we work from the ground up, from fundamentals to building a real life app you can scale easily I am a bootcamp instructor so I know the importance of responding to answering student questions, I will respond within 12-18 hours of any question you post!

*** 30 day guarantee full refund**

Who this course is for:

  • Anyone who's had trouble understanding React
  • Beginners trying to build an application
  • Entrepreneurs

Course content

1 sections • 14 lectures

Introduction Preview 06:59

Introduction to React Native and its benefits!

Using Create React Native App to build a boilerplate Preview 04:23

Using Create React Native App and Expo to build our application

Loading the app on your phone Preview 05:27

Scanning and loading our app on the our mobile phones to interact with

Classes, Inheritance and Instances Preview 09:25

What are classes and why are we using them

What is State ? How Does State Work ? Preview 07:30

Understanding state in React

Creating First Component - Input Component Preview 11:58

Creating a React Component after understanding how the eco system works

What are props ? Preview 06:51

What are props in React and how can we use them to build great applications

Adding a button with a callback to the input Preview 04:46

How callbacks work in context with props in React

What is an API request, lets make one using promises Preview 05:54

What is an API request and how can we build apps using the principles of promises

Pass data from child to parent, single source of truth Preview 06:07

Maintaining the single source of truth principles

Load in Tinder Style Swipe Cards Preview 16:14

Adding the Tinder style card component

Join everything together to create a full functional app Preview 06:13

Apply all parts of the app together to build the finalised product

Source code for the course Preview 00:09

The course source code

Little bit of styling Preview 03:04

Styling