Mô tả

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.

Bạn sẽ học được gì

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

Yêu cầu

  • JavaScript or any other basic programming experience is a must

Nội dung khoá học

21 sections

Getting Started

6 lectures
Welcome to This Course & What to Expect
05:00
What is React Native?
02:30
Quiz - What is React Native?
3 questions
React Native CLI vs Expo
05:08
React Native CLI vs Expo Quiz
1 question
Resources for Every Lecture
00:35

Getting Started on macOS

3 lectures
(macOS) How to Setup Local Development Environment for iOS React Native Apps
19:35
(macOS) How to Setup Local Development Environment for Android React Native Apps
13:33
How to Reset Caches on macOS for any Project
01:10

Getting Started on Windows

5 lectures
(Windows) How to Setup Local Development Environment for Android
22:07
Important - Please watch till the end
05:47
IMPORTANT DOCUMENTATION FOR WINDOWS
02:27
Transitioning Your React Native Project from Windows to macOS for iOS
02:06
How to Reset Caches on Windows for any Project
01:09

Creating the First App

8 lectures
What is a Code Editor, ESLint & Prettier? (Optional)
07:13
^^^ VSCode Prettier, ESLint Setup Update (Optional)
01:10
What is JSX? (Optional)
04:27
JSX Quiz (Optional)
1 question
Let's Create Hello World App!
05:40
Hello World App - Detailed Overview
02:42
Hello World App Quiz
3 questions
Displaying Text in React Native
1 question

[Extra] Javascript Refresher (Optional)

22 lectures
Introduction
02:01
JavaScript Summary
01:36
Syntax Refresher
04:17
Syntax Quiz
3 questions
Let & Const Variables
01:28
Let & Const Quiz
1 question
Arrow Functions
02:28
Arrow Function Quiz
2 questions
Objects: Properties & Methods
01:40
Objects Quiz
3 questions
Array & Array Methods
05:02
Array & Methods Quiz
4 questions
Arrays, Objects & Reference Types
02:28
Reference Types Quiz
4 questions
Spread Operator & Rest Operators
04:08
Spread Operator Quiz
2 questions
Destructuring
04:03
Destructuring Quiz
2 questions
Preface for APIs
00:19
Async, Await & Promises - Working with APIs
07:11
Async, Await Quiz
4 questions
Summary
01:58

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

12 lectures
Introduction
01:05
Borders
05:26
Borders Quiz
4 questions
Margins
03:33
Margins Quiz
4 questions
Paddings
02:29
Paddings Quiz
4 questions
Position: Absolute & Relative & zIndex
06:26
Positioning Quiz
5 questions
Text Styles
04:16
Text Styles Quiz
8 questions
Summary
01:46

React & React Native Basics

13 lectures
Introduction
02:23
What is a Component?
04:19
What is a Component Quiz
4 questions
What are Stylesheets?
06:42
Stylesheet Quiz
5 questions
View Component
04:48
View Component Quiz
2 questions
What are Props & Prop Types
07:27
Props Quiz
3 questions
Event Handling
02:33
Event Handling Quiz
4 questions
Summary
02:04
Props, Event Handling, Views & Stylesheet Assignment
1 question

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

14 lectures
Introduction
01:46
What are React Hooks?
01:31
React Hooks Quiz
5 questions
Getting Started with useState
04:16
useState Quiz
4 questions
Understanding useEffect
06:52
useEffect Quiz
4 questions
Working with refs and useRef
07:45
useRef Quiz
3 questions
Working with useContext
11:53
useContext Quiz
4 questions
Creating Custom Hooks
06:51
Custom Hooks Quiz
2 questions
Summary
01:49

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

11 lectures
Introduction
01:58
What is a Class Based Component?
06:50
Class Based Component Quiz
5 questions
Working with State & Events
02:09
Working with State & Events Quiz
4 questions
Component Lifecycle Methods in Action
03:58
Class Based Component Lifecycle Methods Quiz
4 questions
Functional Components with Hooks VS Class Based Components with Lifecycle
16:28
Functional Components & Class Based Components Quiz
6 questions
Function Components & Class Based Components Assignment
1 question
Summary
01:01

Building Basic Components

18 lectures
Introduction
01:23
Resources for Image Component
00:09
Image Component
07:40
Image Quiz
5 questions
Text Input Component
09:38
Text Input Quiz
8 questions
Resources for ScrollView
00:09
ScrollView Component
04:46
ScrollView Quiz
5 questions
Button Component & Form Submission
07:45
Button Quiz
5 questions
Switch Component
04:14
Switch Quiz
2 questions
Icons with FontAwesome
05:06
Deep Dive in Flexbox
13:18
Flexbox Quiz
5 questions
Summary
01:33
Section 3 Overview Assignment
1 question

Figma Design Resources (Optional)

2 lectures
What is Figma?
03:06
Figma Tutorial for our Upcoming Projects
08:04

[Practice] Getting Started on Social Media App

19 lectures
Social Media Feed Application Introduction
02:15
Installing a New Application
05:03
How to Install Custom Fonts
12:48
Custom Font Installation Quiz
3 questions
Creating a Title Component
08:06
Installing FontAwesome Icons
19:10
What is a Flatlist?
01:47
Quiz - What is a Flatlist?
2 questions
Setting Up For Flatlist
03:29
Using Flatlist & User Stories
12:08
User Profile Image in Flatlist
06:27
Infinite Scroll
16:45
Quiz - Infinite Scroll
3 questions
Setting Up for User Posts
03:45
Resources for Creating User Post
00:09
Creating User Posts using Flatlist
23:33
Finishing Up Social Media App
10:22
Flatlist Quiz
6 questions
Summary
01:36

Debugging Your Applications

4 lectures
Introduction to Debugging
00:55
Handling Errors
12:41
Logging to the Console
09:39
Documentation
01:51

Building Responsive UIs

12 lectures
Introduction
01:32
What is Dimensions API?
05:34
Dimensions API Quiz
3 questions
[BEST TAKEAWAY] Responsive Scaling for Fonts, Vertical and Horizontal Sizings
11:35
Scaling Functions Quiz
3 questions
Using Scaling Functions
10:37
How to Use Scaling Functions Quiz
3 questions
Writing Platform-Specific Code with the Platform API
08:40
Platform Specific Code Quiz
2 questions
Styling the Status Bar
03:27
Status Bar Styling Quiz
4 questions
Summary
01:51

Basic Navigation

15 lectures
Introduction
01:08
Setting Up Navigation System
04:11
Introduction to Stack Navigation
02:45
Creating & Using Stack Navigator
15:55
How to Navigate to a Different Screen
06:28
Stack Navigator Quiz
5 questions
Creating Main Menu with Drawer Navigator
08:39
Drawer Navigator Quiz
3 questions
Getting Started with Profile UI
14:57
How to Create Tab Navigation on a Single Screen
07:10
Tabs Quiz
2 questions
How to Style Tab Labels
11:30
Styling Tab Labels Quiz
2 questions
Creating Components for Our Tab Contents
08:33
Summary
01:48

[Practice] Donation Application - Putting All Our Knowledge Together

17 lectures
Introduction
02:08
Creating Project & Setting Up
02:23
Installing Custom Fonts
02:38
[Please Watch] Custom Fonts - Part 2
08:37
Installing React Native Navigation
04:07
Setting Up Navigation, Styles & Home Page
09:06
Donation App Architectural Plan Discussion
04:00
Creating Header Component
08:22
Creating Button Component
08:27
Creating Tab Component using useRef
09:09
Creating Badge Component using useRef
03:28
Installing Font Awesome Icons
02:32
Creating Search Input Component
13:21
Resources for Single Donation Item Component
00:09
Creating a Single Donation Item Component
07:34
Styling a Single Donation Item Component
04:34
Summary
01:06

Data Management with Redux Toolkit

31 lectures
Introduction
02:03
Redux vs Redux Toolkit
03:26
Redux vs Redux Toolkit Quiz
3 questions
Installing Redux JS Toolkit
01:53
What is a Slice & How to Create One?
05:45
Redux Toolkit Slice Quiz
3 questions
What is combineReducers?
03:00
Combined Reducers Quiz
3 questions
Configuring Store
04:07
Configuring Store Quiz
3 questions
Actions in Redux Toolkit
02:22
Actions Quiz
3 questions
Redux Logger
02:50
Persisting Store
07:03
Persisting Store Quiz
4 questions
Resources for Home Header Component
00:09
Using User Reducer for Building Home Header
13:05
Categories List to Copy for Next Video
00:32
New Reducer for Categories
04:20
useSelector for Creating Categories Flatlist
09:40
useSelector Quiz
2 questions
Paginating through Categories Flatlist
09:55
Resources for Donation Items
03:42
Donation Items Reducer, Purging Persisted Store & Updating from Reducers
07:08
Filtering Donation Items According to Selected Category
04:43
Displaying Filtered Items on the Home Screen
08:03
Displaying Donation Items as a Grid
05:14
Using Donations Reducer to Setup Single Donation Screen
05:38
Explore Go Back Function from Navigation
08:26
Route Params & Single Donation Item Screen
12:30
Summary
01:41

User Authentication

20 lectures
Introduction
02:18
Input Component for Log In & Registration Screens
14:30
Log In Screen Creation
05:01
Registration Screen
04:37
What is Firebase
03:18
Firebase Quiz
3 questions
How Does Authentication Work ?
06:08
Authentication Process Quiz
5 questions
Code Resources in the Upcoming Videos
00:51
Firebase Setup
10:08
Firebase Authentication Setup
01:33
(Windows) Firebase Authentication Setup Completion
00:19
Creating Users using Firebase
04:48
Error & Success Handling
07:46
Logging Users in Using Firebase
07:16
Managing User Authentication State in the App
05:39
Navigation Flows (Authenticated, Non Authenticated)
02:46
Logging Out
03:29
Token Expiration using Firebase & AppState
09:37
Summary
01:59

Servers, APIs, NodeJS & Express

15 lectures
Introduction
02:25
What is a Server?
02:36
Servers Quiz
4 questions
What is API?
02:24
APIs Quiz
4 questions
NodeJS, ExpressJS & Setting Up Server on Local Development Environment
08:47
(Windows) Note for next lesson
00:18
Upgrading our Environment using Nodemon and Babel
06:23
What is Postman and How to Use It
03:23
Postman Quiz
3 questions
Body Parser & Get, Post, Delete & Put Requests
09:25
Preparing Our Environment to Use Firebase Cloud Functions
05:33
Blaze Plan Information - Firebase
01:17
Transferring Local Setup to Firebase And Testing with Postman
12:58
Summary
02:07

Payment System

10 lectures
Introduction
02:00
What is Stripe?
01:38
Signing Up For Stripe
04:03
Setting Up Stripe Server Integration
17:15
Setting Up Payment Screen for Donation App
07:46
Stripe Possible Issues for Next Video
00:55
Installing Stripe in Donation App
07:28
Integrating Stripe Server Side Code in Donation App
17:15
Uploading Server Side Code to Firebase Functions
10:02
Summary
02:11

Building and Deploying to the Stores

19 lectures
Introduction
02:20
Custom App Icons for iOS & Android
07:21
Resources for Next Video
00:09
Custom Splash Screen for iOS & Android
11:45
(macOS) Apple Developer Account
05:46
Google Developer Account
03:11
Google Developer Account ID Verification
01:15
(macOS) What is TestFlight?
06:44
Creating Github Account (Optional)
02:21
(macOS) What is Fastlane?
02:57
Note for Package and Apple Identifier Names
01:01
(macOS) How to Upload Applications to App Store
22:55
Google Play Store Account Verification
00:43
(macOS) Updating Firebase Project & Package Naming
06:17
(Windows) How to Upload Applications to Google Play Store
00:52
(Windows) Updating Firebase Project & Package Naming
11:31
(macOS) How to Upload Applications to Google Play Store
32:08
(Windows) How to Upload Applications to Google Play Store
20:10
Summary
01:38

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.