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

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

Date: 27 May 2023 | Posted by: voska89

Free Download React Native Mobile App Development (Cli) [Created In 2023]
Published 5/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 10.45 GB | Duration: 17h 57m

(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
jаvascript 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] jаvascript Refresher (Optional)
Lecture 10 Introduction
Lecture 11 jаvascript 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.
https://www.udemy.com/course/react-native-mobile-app-development/

DOWNLOAD LINK

Links are Interchangeable - Single Extraction

See full article