React Native Masterclass

Free Download React Native Masterclass
Published 1/2024
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 10.89 GB | Duration: 18h 12m
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

Homepage

www.udemy.com/course/react-native-masterclass/