React Native: Mobile App Development (Cli) [Created In 2023]

(All Levels) - Build iOS and Android Apps: Master Hooks, Redux Toolkit, Navigation, Authentication, Payment & App Stores

What you'll learn

Learn how to use ReactJS to build react native mobile apps for iOS and Android. No ReactJS Experience Required.

Explore React Native basics and advanced concepts!

Develop cross-platform (iOS and Android) mobile apps and use it for your resume

Explore and implement efficient state management and side effect handling using React Hooks.

Implement navigation and routing functionalities within React Native applications.

Acquire skills in debugging, data management with Redux Toolkit, and user authentication.

Learn about deploying React Native applications to app stores.

Create Applications with Payment Systems

Requirements

JavaScript or any other basic programming experience is a must

macOS System Required if you are a beginner React Native developer with no experience in React Native CLI

Description

Unlock the power of React Native and build impressive iOS and Android apps with this comprehensive course. Whether you're a beginner or an experienced developer, this course is designed to equip you with the skills and knowledge needed to create robust mobile applications using React Native.In the "Getting Started" section, you'll dive into the fundamentals, exploring React Native's core concepts, understanding the difference between React Native CLI and Expo, and setting up your local development environment for both iOS and Android. You'll also get acquainted with important tools like code editors, ESLint, and Prettier.Once you have a solid foundation, you'll move on to the essentials of React and React Native. Learn about components, stylesheets, props, event handling, and how to create basic UI elements such as buttons, text inputs, and icons. Take a deep dive into React Hooks and gain a solid understanding of useState, useEffect, useRef, useContext, and creating custom hooks.To create visually appealing and responsive interfaces, the course covers styling techniques with borders, margins, paddings, and flexbox. You'll also explore advanced topics such as debugging, data management with Redux Toolkit, user authentication, building APIs with NodeJS and Express, integrating payment systems using Stripe, and deploying your applications to app stores.With hands-on assignments and a practical project, you'll gain real-world experience as you apply your newfound knowledge. Whether you're looking to enhance your skills for career advancement or create your own mobile app, this course is the ultimate resource for mastering React Native in 2023.Enroll now and join the learners who have already transformed their mobile app development skills with this comprehensive React Native course. Take the next step in your coding journey and unleash the potential of React Native today.

Overview

Section 1: Getting Started

Lecture 1 Welcome to This Course & What to Expect

Lecture 2 What is React Native?

Lecture 3 React Native CLI vs Expo

Lecture 4 How to Setup Local Development Environment for iOS React Native Apps

Lecture 5 How to Setup Local Development Environment for Android React Native Apps

Lecture 6 What is a Code Editor, ESLint & Prettier? (Optional)

Lecture 7 What is JSX? (Optional)

Lecture 8 Let's Create Hello World App!

Lecture 9 Hello World App - Detailed Overview

Section 2: [Extra] Javascript Refresher (Optional)

Lecture 10 Introduction

Lecture 11 JavaScript Summary

Lecture 12 Syntax Refresher

Lecture 13 Let & Const Variables

Lecture 14 Arrow Functions

Lecture 15 Objects: Properties & Methods

Lecture 16 Array & Array Methods

Lecture 17 Arrays, Objects & Reference Types

Lecture 18 Spread Operator & Rest Operators

Lecture 19 Destructuring

Lecture 20 Preface for APIs

Lecture 21 Async, Await & Promises - Working with APIs

Lecture 22 Summary

Section 3: [Extra] Styling (Optional - Made for complete beginners)

Lecture 23 Introduction

Lecture 24 Borders

Lecture 25 Margins

Lecture 26 Paddings

Lecture 27 Position: Absolute & Relative & zIndex

Lecture 28 Text Styles

Lecture 29 Summary

Section 4: React & React Native Basics

Lecture 30 Introduction

Lecture 31 What is a Component?

Lecture 32 What are Stylesheets?

Lecture 33 View Component

Lecture 34 What are Props & Prop Types

Lecture 35 Event Handling

Lecture 36 Summary

Section 5: [Extra] Deep Dive into React Hooks (Optional - Only for React beginners)

Lecture 37 Introduction

Lecture 38 What are React Hooks?

Lecture 39 Getting Started with useState

Lecture 40 Understanding useEffect

Lecture 41 Working with refs and useRef

Lecture 42 Working with useContext

Lecture 43 Creating Custom Hooks

Lecture 44 Summary

Section 6: [Extra] Deep Dive into Class Based Components (Only for React Beginners)

Lecture 45 Introduction

Lecture 46 What is a Class Based Component?

Lecture 47 Working with State & Events

Lecture 48 Component Lifecycle Methods in Action

Lecture 49 Functional Components with Hooks VS Class Based Components with Lifecycle

Lecture 50 Summary

Section 7: Building Basic Components

Lecture 51 Introduction

Lecture 52 Resources for Image Component

Lecture 53 Image Component

Lecture 54 Text Input Component

Lecture 55 Resources for ScrollView

Lecture 56 ScrollView Component

Lecture 57 Button Component & Form Submission

Lecture 58 Switch Component

Lecture 59 Icons with FontAwesome

Lecture 60 Deep Dive in Flexbox

Lecture 61 Summary

Section 8: Figma Design Resources (Optional)

Lecture 62 What is Figma?

Lecture 63 Figma Tutorial for our Upcoming Projects

Section 9: [Practice] Getting Started on Social Media App

Lecture 64 Social Media Feed Application Introduction

Lecture 65 Installing a new Application

Lecture 66 How to Install Custom Fonts

Lecture 67 Creating Title Component

Lecture 68 Installing Font Awesome Icons

Lecture 69 Finishing Up Header Component

Lecture 70 What is a Flatlist?

Lecture 71 Setting Up For Flatlist

Lecture 72 Using Flatlist & User Story Component

Lecture 73 Implementing Infinite Scroll

Lecture 74 Setting Up for User Posts

Lecture 75 Resources for Creating User Post

Lecture 76 Creating User Posts using Flatlist

Lecture 77 Finishing Up Social Media App

Lecture 78 Summary

Section 10: Debugging Your Applications

Lecture 79 Introduction to Debugging

Lecture 80 Handling Errors

Lecture 81 Logging to the Console

Lecture 82 React DevTools

Lecture 83 Documentation

Section 11: Building Responsive UIs

Lecture 84 Introduction

Lecture 85 What is Dimensions API ?

Lecture 86 [BEST TAKEAWAY] Responsive Scaling for Fonts, Vertical and Horizontal Sizings

Lecture 87 Using Scaling Functions

Lecture 88 Writing Platform-Specific Code with the Platform API

Lecture 89 Styling the Status Bar

Lecture 90 Summary

Section 12: Basic Navigation

Lecture 91 Introduction

Lecture 92 Setting up Navigation System

Lecture 93 Introduction to Stack Navigation

Lecture 94 Creating & Start Using Stack Navigator

Lecture 95 Creating Main Menu with Drawer Navigator

Lecture 96 Profile Page

Lecture 97 Creating Tab Navigation for Profile Page

Lecture 98 How to Style Tab Labels

Lecture 99 Creating Components for Our Tab Contents

Lecture 100 Summary

Section 13: [Practice] Donation Application - Putting All Our Knowledge Together

Lecture 101 Introduction

Lecture 102 Creating Project & Setting Up

Lecture 103 Installing Custom Fonts

Lecture 104 Installing React Native Navigation

Lecture 105 Setting Up Navigation, Styles & Home Page

Lecture 106 Donation App Architectural Plan Discussion

Lecture 107 Creating Header Component

Lecture 108 Creating Button Component

Lecture 109 Creating Tab Component using useRef

Lecture 110 Creating Badge Component using useRef

Lecture 111 Installing Font Awesome Icons

Lecture 112 Creating Search Input Component

Lecture 113 Resources for Single Donation Item Component

Lecture 114 Creating a Single Donation Item Component

Lecture 115 Styling a Single Donation Item Component

Lecture 116 Summary

Section 14: Data Management with Redux Toolkit

Lecture 117 Introduction

Lecture 118 Redux vs Redux Toolkit

Lecture 119 Installing Redux JS Toolkit

Lecture 120 What is a Slice & How to Create One?

Lecture 121 What is combineReducers?

Lecture 122 Configuring Store

Lecture 123 Actions in Redux Toolkit

Lecture 124 Redux Logger

Lecture 125 Persisting Store

Lecture 126 Resources for Home Header Component

Lecture 127 Using User Reducer for Building Home Header

Lecture 128 Categories List to Copy for Next Video

Lecture 129 New Reducer for Categories

Lecture 130 useSelector for Creating Categories Flatlist

Lecture 131 Paginating through Categories Flatlist

Lecture 132 Resources for Donation Items

Lecture 133 Donation Items Reducer, Purging Persisted Store & Updating from Reducers

Lecture 134 Filtering Donation Items According to Selected Category

Lecture 135 Displaying Filtered Items on the Home Screen

Lecture 136 Displaying Donation Items as a Grid

Lecture 137 Using Donations Reducer to Setup Single Donation Screen

Lecture 138 Explore Go Back Function from Navigation

Lecture 139 Route Params & Single Donation Item Screen

Lecture 140 Summary

Section 15: User Authentication

Lecture 141 Introduction

Lecture 142 Input Component for Log In & Registration Screens

Lecture 143 Log In Screen Creation

Lecture 144 Registration Screen

Lecture 145 What is Firebase

Lecture 146 How Does Authentication Work ?

Lecture 147 Code Resources in the Upcoming Videos

Lecture 148 Firebase Setup

Lecture 149 Firebase Authentication Setup

Lecture 150 Creating Users using Firebase

Lecture 151 Error & Success Handling

Lecture 152 Logging Users in Using Firebase

Lecture 153 Managing User Authentication State in the App

Lecture 154 Navigation Flows (Authenticated, Non Authenticated)

Lecture 155 Logging Out

Lecture 156 Token Expiration using Firebase & AppState

Lecture 157 Summary

Section 16: Servers, APIs, NodeJS & Express

Lecture 158 Introduction

Lecture 159 What is a Server?

Lecture 160 What is API?

Lecture 161 NodeJS, ExpressJS & Setting Up Server on Local Development Environment

Lecture 162 Upgrading our Environment using Nodemon and Babel

Lecture 163 What is Postman and How to Use It

Lecture 164 Body Parser & Get, Post, Delete & Put Requests

Lecture 165 Preparing Our Environment to Use Firebase Cloud Functions

Lecture 166 Transferring Local Setup to Firebase And Testing with Postman

Lecture 167 Summary

Section 17: Payment System

Lecture 168 Introduction

Lecture 169 What is Stripe?

Lecture 170 Signing Up For Stripe

Lecture 171 Setting Up Stripe Server Integration

Lecture 172 Setting Up Payment Screen for Donation App

Lecture 173 Installing Stripe in Donation App

Lecture 174 Integrating Stripe Server Side Code in Donation App

Lecture 175 Stripe Possible Issues for Next Video

Lecture 176 Uploading Server Side Code to Firebase Functions

Lecture 177 Summary

Section 18: Building and Deploying to the Stores

Lecture 178 Introduction

Lecture 179 Custom App Icons for iOS & Android

Lecture 180 Custom Splash Screen for iOS & Android

Lecture 181 Apple Developer Account

Lecture 182 Google Developer Account

Lecture 183 Google Developer Account ID Verification

Lecture 184 What is TestFlight?

Lecture 185 Creating Github Account (Optional)

Lecture 186 What is Fastlane?

Lecture 187 Note for Package and Apple Identifier Names

Lecture 188 How to Upload Applications to App Store

Lecture 189 Google Play Store Account Verification

Lecture 190 Updating Firebase Project & Package Naming

Lecture 191 How to Upload Applications to Google Play Store

Lecture 192 Summary

Beginner and intermediate developers eager to learn React Native for cross-platform app development.,Mobile app developers looking to expand their skills to include React Native for iOS and Android.,Web developers with experience in ReactJS wanting to build mobile apps using their existing knowledge.,Individuals seeking to enhance their resume with hands-on experience in React Native app development.,Tech enthusiasts interested in exploring the latest trends in mobile app development.,Professionals looking to create high-quality mobile apps with key features like navigation and user authentication.,Students or self-learners interested in gaining a comprehensive understanding of React Native and its advanced concepts.,Developers aiming to deploy their React Native apps to app stores for wider distribution and user access.