Mô tả

In this course, we will build a complete product sharing app from scratch with React Native which will have all the commonly used features including going step by step and explaining the whole process.

You will learn about the basics of react native from setup, syntax & JSX introduction to navigation and state control. We will also get acquainted with advanced topics such as image carousel, google authentication, and image upload. You will learn what is REST API, how to use it, and integrate some endpoints into the project. And of course, the app will be cross-platform so all of this will be working for both Android & iOS.

You will learn about user authentication including storing the token to keep the user signed in. Also, we will build sophisticated app navigation with a bottom tab navigator and stack navigation. We will have a section. about git integration as well and improve our overall code thanks to formatting with ESLint. The

I have built over 30 diverse cross-platform mobile apps and this course includes all the most demanded features that almost every project needs. After completing this course, you can be confident to take on a new mobile app project and build it with React Native.

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

Create a react native mobile app from scratch

The difference between functional and class components

Use React Context and React Hooks

Integrate REST APIs in the project

Tab Navigation with native navigation behavior

Fetch and show data, filter by categories and search by keyword

Implement login and signup via email and google

Upload images from the phone

Display swipeable image carousel

Email or make a phone call from the app

Link out to links outside of the app in the browser

Yêu cầu

  • Basic knowledge of Javascript would be beneficial, but not required

Nội dung khoá học

14 sections

Introduction

3 lectures
Introduction
02:46
What we will build: App Design Preview
02:25
Resources & Helpful Materials
01:41

Get Ready

7 lectures
Environment Setup
04:09
Typescript vs. Javascript
01:06
Create a React Native App (and some debugging)
03:35
Exploring The Default App Code
09:19
Running on iOS
07:51
Running on Android
02:54
Running with Terminal
01:40

Basics of React Native

7 lectures
What is JSX
04:28
Imports and Exports: Creating components
09:49
Functional vs. Class Components
04:02
Explaining State for Functional and Class Components
08:19
Lifecycles Explained
06:08
Props in Components
04:35
Understanding Styling
03:45

Project Structure & Splash Screen

5 lectures
Identifying Components
02:45
Project Structure
03:32
Building the Splash Screen
13:55
Button Component: Pressable vs. TouchableOpacity
14:06
Colors Management
04:22

Authentication Screens & Components

13 lectures
Authentication Screens Preview
01:48
Creating Authentication Header
09:16
Building Input Component
11:31
Password Input Eye Toggling
07:20
Building Checkbox Component
08:40
Giving Custom Style to Reusable Components
02:12
Building Separator Component
04:53
React.memo: What it is and Why to Use
03:18
Google Login: component & native setup
21:36
Checking Google Login on Android & iOS
02:27
Using Environment Variables
03:05
Building Sign Up Footer Actions
04:56
Building Sign in Screen
02:33

Git Integration

3 lectures
Creating Github Repository & Git Initialization
03:26
Pushing Changes to Git
04:59
Git Branching System
07:09

Project Navigation

10 lectures
React Navigation Introduction
04:01
Setup React Navigation
07:20
Manage Navigation Theme
01:40
Moving Between Screens
05:01
Hiding Default Navigation Header
02:21
Fixing Safe Area Issues
03:58
Setup Bottom Tabs
04:22
Preparing Codebase for Tab Navigation
00:31
Customizing Tabs Design
04:31
Navigation Quiz
3 questions

Managing Lists

6 lectures
Build App Header
12:12
Add Categories List
11:26
Add Products List
13:19
Filter by Categories
05:37
Filtering by Typing Keywords
07:31
Building Favorites List
09:23

Building the Detailed Screen

6 lectures
Pass Data Between Screens
06:56
Product Details Screen UI
10:04
Build Sticky Footer
12:01
Add Absolute Header
04:17
Build Image Carousel
16:47
Call or Email from the App
03:24

Building Profile Related Screens

12 lectures
Build Profile Screen
13:45
Add Settings Screen & Redirect to URLs
08:41
Edit Personal Information
12:09
Create New Listing Screen
03:59
Installing Image Upload Package
01:57
Image Upload Functionality
13:03
Add Image Deleting Option
09:19
Explaining Props Spreading
07:09
Use Keyboard Avoiding View
03:49
Building Custom Picker
20:11
Finalize Create New Listing Screen
03:42
Build My Listings UI
04:31

Integrating REST APIs

6 lectures
What is REST API
03:20
REST API Methods Explained
03:10
Overview of the API Used
07:14
Using Axios
07:56
Registering a New User with API Call
12:19
REST APIs & HTTP methods
3 questions

Setting Up Global State

7 lectures
Redux vs. React Context
06:37
Create User Context
04:49
User Authentication
15:08
Introduction to Async Storage
03:09
Save Auth Token to Storage
03:30
Identifying Authenticated Users After Killing the App
04:41
Global State & Storage Quiz
3 questions

Connect Services & Profile to APIs

8 lectures
Connect Profile to APIs
08:49
Update Profile API Integration
04:27
Fetching Services from API
08:14
Showing Service Details & Favoriting
11:35
Filtering Favorite Items & Unfavoriting
08:25
Adding New Listing
07:59
Delete a Listing
01:43
Upload Image to Server
08:30

BONUS: The Magic of Linting

3 lectures
What is Linting
02:58
Integrate ESLint in the project
10:53
Last But Not Least
01:58

Đá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.