React Native Masterclass

Master React Native App Development with Firebase, Typescript, Stripe, and Best Practices for Building Scalable apps

What you'll learn

Build robust React Native apps with seamless user authentication, data storage, and image moderation.

Integrate Stripe for secure in-app payments, enabling seamless purchases.

Utilize TensorFlow JS for AI-driven content filtering, ensuring user-uploaded images adhere to guidelines.

Leverage Firebase for real-time data syncing and cloud storage, enhancing app performance and scalability.

Master TypeScript and testing in React Native projects, elevating code quality and maintainability.

Setup and master testing with React Native expo

Requirements

Basic javascript knowledge is required, knowledge of react is nice to have but not necessary

Description

Description:Welcome to this comprehensive React Native course, where we'll guide you through the process of building scalable and engaging mobile apps for iOS and Android platforms using React Native, Firebase, TypeScript, testing, and Stripe.Throughout this course, you'll gain hands-on experience and in-depth knowledge of the following key topics:1. User Authentication: Learn how to create a secure and seamless authentication process using email and password, allowing users to sign up and log in with ease.2. Firebase Integration: Discover how to leverage the power of Firebase for storing data and managing real-time data syncing, as well as utilizing Cloud Storage for file uploads.3. TypeScript: Master TypeScript in your React Native projects to enhance code quality, maintainability, and catch errors early during the development process.4. Testing: Understand how to set up and implement tests for your React Native app, ensuring its stability and reliability for your users.5. Stripe Integration: Integrate Stripe for secure in-app payments, enabling users to make seamless transactions within your app.6. Tensorflow.js explicit content detectionBy the end of this course, you'll be equipped with the skills and confidence needed to build robust, scalable, and user-friendly mobile apps using React Native and the latest technologies. Whether you're a beginner looking to break into the world of mobile app development or an experienced developer seeking to expand your skillset, this course has something for everyone.Join us today, and embark on an exciting journey to master React Native app development with a focus on user authentication, Firebase, TypeScript, testing, and Stripe integration. Let's get started!

Overview

Section 1: Introduction

Lecture 1 Course Overview

Lecture 2 React Native explanation

Lecture 3 React Native CLI vs Expo

Lecture 4 Links

Section 2: Development environment setup

Lecture 5 Notes for different Operating Systems

Lecture 6 [macOS and WINDOWS] - Node.js - Download

Lecture 7 [macOS and WINDOWS] - Visual Studio Code - Download

Lecture 8 [macOS and WINDOWS] - Git and Github

Lecture 9 [macOS and WINDOWS] - Expo

Lecture 10 [WINDOWS] - Android Studio

Lecture 11 [macOS] - Android Studio

Lecture 12 [macOS] - XCode

Section 3: Intro project - Todo App

Lecture 13 App Setup

Lecture 14 Styling in react native

Lecture 15 Display mock data

Lecture 16 Create a new Todo

Lecture 17 Adding edit and delete button

Lecture 18 Android margin fix

Lecture 19 Delete todo

Lecture 20 Update todo

Section 4: Master project Setup

Lecture 21 Master project - introduction

Lecture 22 Master project - design

Lecture 23 Setting up the project

Lecture 24 Home Page layout

Lecture 25 Font error fix

Lecture 26 StyleSheet vs Styled Components

Lecture 27 Adding new code structure

Lecture 28 Splitting code into components

Lecture 29 What we've done so far and future plans

Lecture 30 Adding typescript to our project

Lecture 31 Adding redux

Lecture 32 Setting up testing environment

Lecture 33 Testing our components

Section 5: Sign Up Screen

Lecture 34 Section Overview

Lecture 35 Creating Sign Up screen and components structure

Lecture 36 Adding Clerk for authentication

Lecture 37 Adding firebase for data storage

Lecture 38 Header component

Lecture 39 Form styling

Lecture 40 Form component (part 1)

Lecture 41 Form component (part 2)

Lecture 42 Adding sign up functionality

Lecture 43 Type errors fix

Lecture 44 Adding Profile screen mock

Lecture 45 Adding auth buttons setup

Lecture 46 Adding sign up with google

Lecture 47 Adding sign up with apple

Lecture 48 Sign in link

Lecture 49 Android header fix

Lecture 50 (IMPORTANT) before we start writing tests

Lecture 51 Testing the Header component

Lecture 52 Testing the LogInLink component

Lecture 53 Testing the Form component (part 1)

Lecture 54 Testing the Form component (part 2)

Lecture 55 Testing the GoogleAuthBtn component

Lecture 56 (FIX) GoogleAuthBtn important fix

Lecture 57 Testing the AppleAuthBtn component

Section 6: Sign In Screen

Lecture 58 Creating the Sign In screen and components structure

Lecture 59 Adding Header component

Lecture 60 Styling Form component

Lecture 61 Adding Sign in process with Form component

Lecture 62 Adding Sign In with Google button

Lecture 63 Adding Sign In with Apple button

Lecture 64 Adding SingUp link component

Lecture 65 Testing the Header component

Lecture 66 Testing the Form component

Lecture 67 Testing the GoogleAuthBtn component

Lecture 68 Testing the AppleAuthBtn component

Lecture 69 Testing the SignUpLink component

Section 7: Profile Screen

Lecture 70 Adding storage to the project (IMPORTANT)

Lecture 71 Rewriting tests to match our current code

Lecture 72 Styling the Profile screen

Lecture 73 Adding Header component

Lecture 74 Adding Profile Preview component

Lecture 75 Styling the Profile Form for editing user data

Lecture 76 Edit Profile Form component (part 1)

Lecture 77 Edit Profile Form component (part 2)

Lecture 78 Testing the Header component

Lecture 79 Testing the Profile Preview component

Lecture 80 Testing the Edit Profile Form component

Lecture 81 Adding wrapper for Profile screen

Lecture 82 Adding Side Menu component

Lecture 83 Adding tests for Side Menu

Section 8: My Art Screen

Lecture 84 My Art Screen

Lecture 85 Add Header component

Lecture 86 My Art component

Lecture 87 Art Form styles

Lecture 88 Upload your art form

Lecture 89 Fetch image from firebase storage

Lecture 90 Add test for header component

Lecture 91 Add tests for MyArt component

Lecture 92 Add tests for ArtForm component

Section 9: Gallery Screen

Lecture 93 Adding Header component

Lecture 94 Adding Art component

Lecture 95 Adding Gallery screen to navigation stack

Lecture 96 Adding tests for Header component

Lecture 97 Adding tests for Art component

Section 10: Art Screen

Lecture 98 Adding Art Screen

Lecture 99 Adding Header component

Lecture 100 Adding Details component

Lecture 101 Header component test

Lecture 102 Details component test

Section 11: User Profile

Lecture 103 User Profile Screen setup

Lecture 104 Profile Details

Lecture 105 User's art

Lecture 106 Profile details tests

Lecture 107 Art details tests

Section 12: Payments

Lecture 108 Stripe overview

Lecture 109 Firebase functions overview

Lecture 110 Create payment server

Lecture 111 Implement payment inside the app

Lecture 112 Uploading to firebase functions

Section 13: Course Outro

Lecture 113 Cours Outro

Lecture 114 What's coming

Lecture 115 Challenges

Lecture 116 Challenge 1

Lecture 117 Challenge 2

Lecture 118 Challenge 3

Lecture 119 Course rating

Section 14: React and typescript appendix (OPTIONAL)

Lecture 120 React.js intro

Lecture 121 useState hook

Lecture 122 useEffect hook

Lecture 123 Typescript intro

Lecture 124 Typescript config for react project

Lecture 125 Adding types to user fetching app

People that want to learn react native (begginers),Advanced devs that want to learn about topics like typescript, testing and ML in react native