React Native: Mobile App Development (CLI) [2024]

19:38:59 Inglés Premium 21/01/2024 184 videos

Descripción del curso

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.

Curriculum

Section 1: Module 1

02 - Welcome to This Course & What to Expect 05:01
03 - What is React Native? 02:31
04 - React Native CLI vs Expo 05:09
05 - (macOS) How to Setup Local Development Environment for iOS React Native Apps 19:36
06 - (macOS) How to Setup Local Development Environment for Android React Native Apps 13:34
07 - (Windows) How to Setup Local Development Environment for Android 22:08
08 - Important - Please watch till the end 05:48
09 - What is a Code Editor, ESLint & Prettier? (Optional) 07:14
10 - What is JSX? (Optional) 04:28
11 - Let's Create Hello World App! 05:41
12 - Hello World App - Detailed Overview 02:43
13 - Introduction 02:02
14 - JavaScript Summary 01:37
15 - Syntax Refresher 04:18
16 - Let & Const Variables 01:29
17 - Arrow Functions 02:29
18 - Objects: Properties & Methods 01:41
19 - Array & Array Methods 05:03
20 - Arrays, Objects & Reference Types 02:29
21 - Spread Operator & Rest Operators 04:09
22 - Destructuring 04:04
23 - Async, Await & Promises - Working with APIs 07:13
24 - Summary 01:59
25 - Introduction 01:07
26 - Borders 05:27
27 - Margins 03:34
28 - Paddings 02:30
29 - Position: Absolute & Relative & zIndex 06:27
30 - Text Styles 04:17
31 - Summary 01:47
32 - Introduction 02:24
33 - What is a Component? 04:21
34 - What are Stylesheets? 06:43
35 - View Component 04:50
36 - What are Props & Prop Types 07:28
37 - Event Handling 02:35
38 - Summary 02:06
39 - Introduction 01:47
40 - What are React Hooks? 01:32
41 - Getting Started with useState 04:17
42 - Understanding useEffect 06:53
43 - Working with refs and useRef 07:46
44 - Working with useContext 11:54
45 - Creating Custom Hooks 06:52
46 - Summary 01:50
47 - Introduction 01:59
48 - What is a Class Based Component? 06:51
49 - Working with State & Events 02:10
50 - Component Lifecycle Methods in Action 03:59
51 - Functional Components with Hooks VS Class Based Components with Lifecycle 16:29
52 - Summary 01:02
53 - Introduction 01:24
54 - Image Component 07:41
55 - Text Input Component 09:39
56 - ScrollView Component 04:47
57 - Button Component & Form Submission 07:46
58 - Switch Component 04:15
59 - Icons with FontAwesome 05:07
60 - Deep Dive in Flexbox 13:19
61 - Summary 01:34
62 - What is Figma? 03:07
63 - Figma Tutorial for our Upcoming Projects 08:05
64 - Social Media Feed Application Introduction 02:16
65 - Installing a New Application 05:05
66 - How to Install Custom Fonts 12:49
67 - Creating a Title Component 08:07
68 - Installing FontAwesome Icons 19:11
69 - What is a Flatlist? 01:48
70 - Setting Up For Flatlist 03:30
71 - Using Flatlist & User Stories 12:09
72 - User Profile Image in Flatlist 06:29
73 - Infinite Scroll 16:46
74 - Setting Up for User Posts 03:46
75 - Creating User Posts using Flatlist 23:34
76 - Finishing Up Social Media App 10:23
77 - Summary 01:37
78 - Introduction to Debugging 00:56
79 - Handling Errors 12:42
80 - Logging to the Console 09:40
81 - Documentation 01:52
82 - Introduction 01:33
83 - What is Dimensions API? 05:35
84 - [BEST TAKEAWAY] Responsive Scaling for Fonts, Vertical and Horizontal Sizings 11:36
85 - Using Scaling Functions 10:38
86 - Writing Platform-Specific Code with the Platform API 08:41
87 - Styling the Status Bar 03:28
88 - Summary 01:52
89 - Introduction 01:09
90 - Setting Up Navigation System 04:12
91 - Introduction to Stack Navigation 02:46
92 - Creating & Using Stack Navigator 15:56
93 - How to Navigate to a Different Screen 06:29
94 - Creating Main Menu with Drawer Navigator 08:40
95 - Getting Started with Profile UI 14:58
96 - How to Create Tab Navigation on a Single Screen 07:11
97 - How to Style Tab Labels 11:31
98 - Creating Components for Our Tab Contents 08:34
99 - Summary 01:49
100 - Introduction 02:10
101 - Creating Project & Setting Up 02:24
102 - Installing Custom Fonts 02:39
103 - [Please Watch] Custom Fonts - Part 2 08:38
104 - Installing React Native Navigation 04:08
105 - Setting Up Navigation, Styles & Home Page 09:07
106 - Donation App Architectural Plan Discussion 04:01
107 - Creating Header Component 08:23
108 - Creating Button Component 08:28
109 - Creating Tab Component using useRef 09:10
110 - Creating Badge Component using useRef 03:29
111 - Installing Font Awesome Icons 02:33
112 - Creating Search Input Component 13:22
113 - Creating a Single Donation Item Component 07:35
114 - Styling a Single Donation Item Component 04:35
115 - Summary 01:08
116 - Introduction 02:04
117 - Redux vs Redux Toolkit 03:27
118 - Installing Redux JS Toolkit 01:54
119 - What is a Slice & How to Create One? 05:47
120 - What is combineReducers? 03:01
121 - Configuring Store 04:08
122 - Actions in Redux Toolkit 02:23
123 - Redux Logger 02:51
124 - Persisting Store 07:04
125 - Using User Reducer for Building Home Header 13:06
126 - New Reducer for Categories 04:21
127 - useSelector for Creating Categories Flatlist 09:41
128 - Paginating through Categories Flatlist 09:56
129 - Donation Items Reducer, Purging Persisted Store & Updating from Reducers 07:09
130 - Filtering Donation Items According to Selected Category 04:44
131 - Displaying Filtered Items on the Home Screen 08:05
132 - Displaying Donation Items as a Grid 05:15
133 - Using Donations Reducer to Setup Single Donation Screen 05:39
134 - Explore Go Back Function from Navigation 08:28
135 - Route Params & Single Donation Item Screen 12:31
136 - Summary 01:43
137 - Introduction 02:19
138 - Input Component for Log In & Registration Screens 14:31
139 - Log In Screen Creation 05:02
140 - Registration Screen 04:38
141 - What is Firebase 03:19
142 - How Does Authentication Work ? 06:09
143 - Firebase Setup 10:09
144 - Firebase Authentication Setup 01:34
145 - Creating Users using Firebase 04:49
146 - Error & Success Handling 07:47
147 - Logging Users in Using Firebase 07:17
148 - Managing User Authentication State in the App 05:40
149 - Navigation Flows (Authenticated, Non Authenticated) 02:47
150 - Logging Out 03:30
151 - Token Expiration using Firebase & AppState 09:38
152 - Summary 02:00
153 - Introduction 02:26
154 - What is a Server? 02:37
155 - What is API? 02:25
156 - NodeJS, ExpressJS & Setting Up Server on Local Development Environment 08:48
157 - Upgrading our Environment using Nodemon and Babel 06:24
158 - What is Postman and How to Use It 03:24
159 - Body Parser & Get, Post, Delete & Put Requests 09:26
160 - Preparing Our Environment to Use Firebase Cloud Functions 05:34
161 - Transferring Local Setup to Firebase And Testing with Postman 12:59
162 - Summary 02:08
163 - Introduction 02:02
164 - What is Stripe? 01:39
165 - Signing Up For Stripe 04:04
166 - Setting Up Stripe Server Integration 17:16
167 - Setting Up Payment Screen for Donation App 07:47
168 - Installing Stripe in Donation App 07:29
169 - Integrating Stripe Server Side Code in Donation App 17:16
170 - Uploading Server Side Code to Firebase Functions 10:04
171 - Summary 02:12
172 - Introduction 02:21
173 - Custom App Icons for iOS & Android 07:22
174 - Custom Splash Screen for iOS & Android 11:46
175 - (macOS) Apple Developer Account 05:47
176 - Google Developer Account 03:12
177 - (macOS) What is TestFlight? 06:45
178 - Creating Github Account (Optional) 02:22
179 - (macOS) What is Fastlane? 02:58
180 - (macOS) How to Upload Applications to App Store 22:56
181 - (macOS) Updating Firebase Project & Package Naming 06:18
182 - (Windows) Updating Firebase Project & Package Naming 11:32
183 - (macOS) How to Upload Applications to Google Play Store 32:09
184 - (Windows) How to Upload Applications to Google Play Store 20:11
185 - Summary 01:39

About the Instructor

udemy

$0.00

$8.00

Que esta incluido?

Streaming Multiplataforma
Acceso de por vida
Soporte al cliente
Actualizaciones gratuitas