Complete React Native Mobile Development Zero To Mastery With Hooks

Master React Native for iOS and Android Mobile App Development using JavaScript. Build a modern e-commerce mobile app!

Last updated 2022-01-10 | 4.5

- Build enterprise level React Native apps and deploy to Apple App Store and Google Play Store
- Learn to build reactive
- performant
- large scale applications like a senior mobile app developer
- Learn to lead Mobile App projects by making good architecture decisions and helping others on your team

What you'll learn

Build enterprise level React Native apps and deploy to Apple App Store and Google Play Store
Learn to build reactive
performant
large scale applications like a senior mobile app developer
Learn to lead Mobile App projects by making good architecture decisions and helping others on your team
Build cross platform mobile apps for iOS and Android without using Swift
Objective C
Java and Kotlin
Learn the latest features in React Native including Hooks
Context API
AsyncStorage
and Animation
Master the latest ecosystem of a React Native Developer from scratch
Become the top 10% React Native Developer
Stripe Payments (Online Payments) integration in your mobile apps
Set up authentication and user accounts using Firebase and Firebase Functions
Routing with React Navigation
Using the latest ES6/ES7/ES8/ES9/ES10 JavaScript to write clean code
Using native phone capabilities like Camera and Vibration
Google Maps API and adding interactive maps to your projects
Styled-Components and native styling to make modern and beautiful apps

* Requirements

* Just basic JavaScript knowledge
* You DO NOT need any experience with React or any other framework/library!
* You DO NOT need any Java
* Kotlin
* Swift or Objective C experience!

Description

  • Build enterprise level React Native apps and deploy to Apple App Store and Google Play Store
  • Learn to build reactive, performant, large scale applications like a senior mobile app developer
  • Learn to lead Mobile App projects by making good architecture decisions and helping others on your team
  • Build cross platform mobile apps for iOS and Android without using Swift, Objective C, Java and Kotlin
  • Learn the latest features in React Native including Hooks, Context API, AsyncStorage, and Animation
  • Master the latest ecosystem of a React Native Developer from scratch
  • Become the top 10% React Native Developer
  • Stripe Payments (Online Payments) integration in your mobile apps
  • Set up authentication and user accounts using Firebase and Firebase Functions
  • Routing with React Navigation
  • Using the latest ES6/ES7/ES8/ES9/ES10 JavaScript to write clean code
  • Using native phone capabilities like Camera and Vibration
  • Google Maps API and adding interactive maps to your projects
  • Styled-Components and native styling to make modern and beautiful apps

Course content

19 sections • 345 lectures

Course Outline Preview 06:32

Join Our Online Classroom! Preview 01:15

Exercise: Meet The Community Preview 01:26

Meeting Bruno Preview 01:56

Complete Course Resources + Code Preview 00:39

Monthly Coding Challenges, Free Resources and Guides Preview 00:40

How We Got Here - React Native History Preview 09:32

How We Got Here 2 - React Native History Preview 03:54

Why React Native? Preview 03:32

Our First React Native App Preview 11:54

React Native Internals Preview 08:54

React Native Internals 2 Preview 04:57

Exercise: Is There CSS? Preview 02:55

The 2 Paths Preview 01:16

React DOM vs React Native Preview 02:53

Recommended Setup Preview 04:42

Keeping Your App Up To Date Preview 00:24

Endorsements On LinkedIN Preview 00:39

FocusTime Demo Preview 03:32

Before We Get Going! Preview 00:39

Introduction To Expo Preview 02:47

Getting Ready To Hit The Ground Running! Preview 03:27

Who Likes Snacks? Preview 02:51

Running Snacks On Your Device Preview 01:59

Running The FocusTime Demo On Your Device Preview 02:08

Proper Preparation Prevents Poor Snacking! Preview 04:13

Quick Recap On What We've Done So Far Preview 02:06

A Rundown Of What's In Our Snack Preview 07:41

Building A Simple Navigation Preview 04:52

Creating Our Focus Feature Preview 08:15

Adding An Input Preview 05:33

Storing The Focus Item Preview 10:45

RoundedButton On Press Preview 00:14

Storing Our Focus Input Preview 07:45

Quick Note On The Docs Preview 02:01

Cleaning Up Our Styling Preview 06:23

Building The Timer Feature Preview 08:53

Building The Countdown Feature Preview 11:40

Building The Countdown Feature Part 2 Preview 06:26

Building The Countdown Feature Part 3 Preview 08:07

A Quick Note On Error Screens Preview 02:35

Reporting The Progress Preview 08:16

Preset Timing Buttons Preview 11:32

Keeping The App Awake Preview 03:25

Vibrating When Finished With A Task Preview 08:12

Going Full Circle Preview 03:50

Quick Cleanup Preview 01:04

Quick Review Of What We Have Accomplished So Far Preview 06:50

Clearing The Subject Preview 04:20

Storing Focus History Preview 04:24

Storing Focus History With Statuses Preview 04:28

Building The Focus History List Preview 13:02

Clearing The Focus History Preview 04:13

Quick Note On AsyncStorage Preview 00:23

Storing And Loading The Focus History Preview 07:06

Reflection Time! Preview 03:26

Reflection Time Part 2! Preview 03:17

Reflection Time Part 3! Preview 03:41

Reflection Time Part 4! Preview 01:54

Before You Start, Read This! Preview 00:25

[MAC] Exporting FocusTime Locally Preview 01:47

[MAC] Installing GIT Preview 05:52

[MAC] Installing Node and Yarn Preview 04:26

[MAC] Running it on IOS Simulator Preview 04:09

[MAC] Installing Android Studio Preview 01:52

[MAC] Installing Android SDK Tools Preview 03:15

[MAC] Running On An Emulator Preview 05:25

[MAC] Installing VSCode Preview 03:21

[MAC] Optional: Using GIT With Visual Studio Code Preview 06:38

[WINDOWS] Exporting FocusTime Locally Preview 02:55

[WINDOWS] Installing GIT And VSCode Preview 08:57

[WINDOWS] Optional: Using GIT With Visual Studio Code Part 1 Preview 05:41

[WINDOWS] Optional: Using GIT With Visual Studio Code Part 2 Preview 07:50

Github What Is It Good For? Preview 03:39

Github Appendix Preview 00:18

[WINDOWS] Optional: Publishing Your Code To Github Preview 07:48

[MAC] Optional: Publishing Your Code To Github Preview 08:18

[WINDOWS] Installing Android Studio Preview 11:38

[WINDOWS] Installing Node and Yarn Preview 08:22

[WINDOWS] Running FocusTime On My Device Preview 03:45

What If I'm Still Running Into Issues? Preview 04:42

MealsToGo Demo Preview 02:13

Project Files Preview 00:23

Setting Up Our Master Project Preview 07:08

Note For Windows Users Preview 00:26

Creating The MealsToGo Project Preview 01:28

[OPTIONAL] MealsToGo On Github Preview 02:29

Video Playback Speed Preview 00:28

Watch This Before Getting Started! Preview 01:05

Time For Yoga! Preview 02:52

Let's Do Some Yoga! Preview 05:51

React Native Flexbox And Snacks Preview 04:14

Spring Cleaning The Expo Setup Preview 05:04

Quick Note On Publishing Your App Preview 00:48

Exercise App Layout Preview 02:36

Solution App Layout Preview 05:59

Android StatusBar Issue Preview 06:34

Quick Note On Debugging Preview 02:30

Keeping Up With The Code Step By Step Preview 01:31

Setting Up Eslint And Prettier Preview 04:41

Using Eslint Preview 05:25

Optimizing Eslint Preview 02:51

Setting Up Prettier Preview 03:00

Exercise SearchBar Preview 04:06

Solution SearchBar Preview 01:16

Feature Overview Restaurant List Item Preview 01:31

Restaurant Info Setup Part 1 Preview 05:22

Restaurant Info Setup Part 2 Preview 05:09

Exercise Restaurant Info Card Preview 01:06

Solution Restaurant Info Card Preview 03:49

Reflection Time Restaurant Info Preview 01:40

The Way We Are Styling Feels Weird Preview 04:37

Trying Out Styled Components Preview 03:32

Installing And Using Styled Component Preview 03:53

Quick Note On How To Look At Changes Preview 02:32

Exercise Migrating To Styled Components Preview 01:56

Solution Migrating To Styled Components Preview 06:31

Uhoh We Have An IOS Error Preview 03:24

How Do We Make Things Consistent? Preview 02:30

Setting Up Our Theme Preview 08:40

Exercise Theme Cleanup Preview 01:08

Solution Theme Cleanup Preview 03:17

Custom Fonts Fonts Fonts! Preview 00:53

Loading Custom Fonts Preview 08:28

Adding The Address Preview 02:15

Using SVG With Rating Preview 06:49

Exercise Adding Open Now SVG Preview 00:45

Solution Finishing Our Restaurant Card Preview 06:14

Quick Reminder Preview 00:35

Building A Spacer Component Preview 08:44

Optimizing The Spacer Component Preview 12:09

Wait A Second It Won't Render On Android Preview 03:55

Hold Up Why Do We Need Consistency Preview 05:54

Creating A Typography Component And Cleanup Preview 11:40

Solution Code Cleanup Preview 02:19

FlatList! Preview 00:25

List It! Preview 15:24

Note On Content Container Style Preview 00:19

No Inline Styles Preview 02:11

Why Is There A White Bar? Preview 04:00

Feature Overview: App Navigation Preview 00:41

Navigation Installation Preview 06:07

Exercise Tab Navigation Preview 03:22

Solution Tab Navigation Preview 06:16

Exercise Tab Bar Icons Preview 03:11

Solution Tab Bar Icons Preview 03:59

Simplifying Tab Icon Logic Preview 05:14

Feature Overview: Adding Data! Preview 06:50

Quick Recap Of What We'll Be Doing Preview 02:58

Fake An API Request Preview 06:35

Quick Refresh On Promises Preview 02:33

Let's Transform The Data Preview 06:34

Let's Transform The Data Part 2 Preview 06:13

Setting Up RestaurantContext Preview 06:36

Hooking Up Our Context Preview 13:48

Exercise Activity Indicator Preview 01:04

Solution Activity Indicator Preview 04:34

Quick Architecture Overview Preview 04:40

Feature Overview Geocoding And Search Preview 03:54

Setting Up Our Geocoding Service Preview 07:35

Setting Up Our Geocoding Context Preview 09:45

Hooking Up The Searchbar Preview 11:48

Searching For Restaurants Preview 06:26

Oh No A Bug! Preview 00:40

Oh No A Bug Solution! Preview 02:48

Key Warnings Preview 02:52

Oh No An Anti-Pattern Preview 07:35

Our Next Feature! Preview 02:11

Let's Optimize Before We Build! Preview 00:51

Building Navigation Infrastructure For Scale Preview 03:48

Restructuring Navigation Preview 03:32

Setting Up Stack Navigation Preview 07:56

Setting Up Restaurant Detail Navigation Preview 03:32

Modals And Touch Feedback Preview 04:30

Exercise Rendering The Card Preview 01:39

Solution Rendering The Card Preview 03:06

Back To Our Feature! Preview 00:25

Exercise Menu List Preview 01:34

Solution Menu List Preview 07:28

Feature Overview Map Preview 00:56

Installing React Native Maps Preview 05:26

Map Screen And Search Preview 09:21

Setting The Map Region Preview 08:31

Rendering Map Markers Preview 03:03

Custom Map Callout Exercise Preview 04:43

Custom Map Callout Solution Preview 08:57

Linking A Callout To Details Preview 02:00

Feature Overview Favourites Preview 00:57

Favourites Context Preview 06:16

Hooking Up Favourites Part 1 Preview 07:16

Hooking Up Favourites Part 2 Preview 04:36

Building A Favourites Bar Part 1 Preview 04:33

Building A Favourites Bar Part 2 Preview 09:46

Storing Favourites Preview 09:24

Uh Oh An Android Bug Preview 02:11

Feature Overview Firebase And Authentication Preview 06:20

Firebase Installation Preview 05:41

Quick Note On Firebase Preview 00:20

Let's Test Authentication Preview 05:54

Authentication Service And Context Preview 05:39

Account And Authentication Navigation Preview 06:31

Image Background Exercise Preview 04:01

Image Background Solution Preview 03:12

Lighten Up The Background Preview 03:29

Account Screen Buttons Preview 11:31

Exercise Login Screen Preview 01:38

Solution Login Screen Preview 09:19

Tying Up Some Loose Ends Preview 02:09

Feature Overview: Registration Preview 05:55

Activity Indicators Preview 02:21

Favourites Is Broken Part 1 Preview 06:17

Favourites Is Broken Part 2 Preview 08:58

Adding A Watermelon Animation Preview 08:44

Feature Overview: Settings Preview 00:54

Building The Settings Feature Preview 07:43

Making The Settings Screen Look Nice Preview 04:00

Favourites Screen Exercise Preview 02:20

Favourites Screen Solution Preview 09:29

Animations And Polish Preview 08:33

App Icons Preview 02:21

Expo Publish Preview 02:56

Feature Overview Camera Module Preview 00:47

Setting Up The Infrastructure Preview 03:16

Exercise Expo Camera Preview 03:11

Solution Expo Camera Preview 05:34

Taking A Picture Preview 04:18

Additional Changes For Android To Take a Picture Preview 00:29

Storing And Retrieving The Picture Preview 11:03

Important Note On This Section! Preview 04:40

Setting Up Your Payment Information For Firebase Preview 02:44

Setting Up Firebase CLI Preview 09:22

Quick Note On Running Functions Locally Preview 00:18

Running Firebase Functions Locally Preview 05:05

Moving Location Mock Part 1 Preview 09:55

Moving Location Mock Part 2 Preview 03:54

Moving Restaurants Mock Preview 11:46

Deploying Our Functions Preview 04:07

Switching Between Local And Deployed Functions Preview 03:57

Oh No Android Doesn't Work! Preview 01:06

Creating a Google Cloud Account Preview 02:36

A Cautionary Tale Preview 04:15

Configuring Our Google Cloud Project Preview 05:31

Setting Up Google Node SDK Preview 07:01

Firebase Environment Preview 01:35

Integrating Geocoding API Preview 08:11

Integrating Places API Preview 06:29

Integrating Places Photos Preview 04:21

Publishing Our Expo App And Functions Preview 03:41

Minor Optimizations Preview 03:01

Error Management Preview 10:19

Stripe Integration Demo Preview 03:11

Stripe Integration Architecture Preview 02:37

Signing Up For Stripe Preview 04:13

Quick Recap On Firebase Functions Preview 03:18

High Level Stripe Payment Flow Preview 03:14

React Native Stripe Client Preview 03:09

Setting Up Our Checkout Preview 05:18

Our Credit Card Input Preview 09:45

Getting Our First Stripe Token Preview 06:14

Hooking Up Our Credit Card Form Preview 06:48

Checkout Cart Overview Preview 03:42

Building The Cart Context Preview 08:19

Integrating Our Cart Preview 11:44

Oh No! A Cart Bug Preview 03:10

An Empty Cart Preview 06:44

Adding The Checkout UI Preview 10:32

Starting On The Payment Flow Preview 01:09

Getting The Payee Name Preview 06:57

Setting Up For Payment Preview 06:42

Building Our Payment Gateway Preview 06:44

Payment Request Part 1 Preview 08:43

Payment Request Part 2 Preview 05:45

Payment Request Part 3 Preview 06:52

Adding Loading State Preview 06:21

Handling Error States Preview 14:26

Exercise Cart Persistance Preview 01:11

Solution Cart Persistance Preview 05:09

Before We Get Started Preview 03:25

What Will I Get Out Of This Section Preview 02:46

Building Standalone Apps Preview 03:52

Building An APK For Android Preview 03:23

Running Our APK On The Emulator Preview 03:45

Creating A Play Store Account Preview 04:14

Building iOS With Expo Preview 06:49

Testing Your iOS Build On A Simulator Preview 04:04

AppStore Connect And TestFlight Preview 08:24

Adding Some Polish Preview 01:31

Adapting The Theme Colors Preview 03:55

Improving The Settings Screen Preview 07:01

Improving Restaurant Detail Screen Preview 02:30

The Favourites Bar Preview 04:11

Become An Alumni Preview 00:37

Learning Guideline Preview 00:10

Coding Challenges Preview 00:29

Endorsements On LinkedIN Preview 00:39

Course Review

The Final Challenge

Before We Start Preview 00:30

Introduction To React.js Preview 12:21

Create React App Preview 07:08

React App Folder Structure Preview 08:14

React Fundamentals Preview 03:55

React Fundamentals 2 Preview 04:59

Class vs Functional App.js Preview 04:02

Hooks vs Classes Preview 02:13

Quick Note: Service Worker File Preview 00:26

Your First React Component Preview 20:13

Building A React App 1 Preview 16:03

Exercise: Learn to Read the Docs Preview 00:16

Building A React App 2 Preview 09:47

Building A React App 3 Preview 26:35

Styling Your React App Preview 04:59

Quick Note: JSON Placeholder Preview 00:10

Building A React App 4 Preview 15:30

Building A React App 5 Preview 08:53

Building A React App 6 Preview 09:05

Project Files Preview 00:10

Keeping Your Projects Up To Date Preview 08:30

Exercise: React 17 Preview 00:14

Solution: React 17 Preview 03:56

React Review Preview 02:34

Error Boundaries In React Preview 08:11

Deploying Our React App Preview 05:10

React Hooks Preview 03:42

React Hooks 2 Preview 03:47

React Hooks 3 Preview 03:23

React Hooks 4 Preview 04:01

React Hooks 5 Preview 03:36

React Hooks 6 Preview 06:54

React Hooks 7 Preview 09:16

React Hooks 8 Preview 04:48

Project Files Preview 00:04

React Hooks 9 Preview 05:58

Next Steps Preview 00:29

CWD: Git + Github Preview 17:40

Github Update: Master --> Main Preview 00:29

CWD: Git + Github 2 Preview 16:52

Contributing To Open Source Preview 14:44

Contributing To Open Source 2 Preview 09:42

Exercise: Contribute To Open Source Preview 00:32