Mô tả

Want to launch and grow your career as a mobile app developer? Learn everything you need to know about React native? This course is for you!


This course covers all the topics that you need to know to build enterprise cross-platform mobile apps for Android and iOS.


Want to learn about Navigation? Covered. Integrate Redux and compare to React Context? Sure! Use REST APIs and even Firebase Databases? Included. Does it include User Authentication? Of course!


We'll start by mastering the fundamentals of React, including JSX, props, state and styles. And of course, hooks will be used for the reusable functional components. Besides that, basics of class components will be presented as that is something you may encounter in legacy code. We will also learn the basics of git and the source code will be provided in git provided for each section, so you can follow the code there as well. The course will cover creating many different reusable components which will be reused in the apps included in the course, as well as you can use them for your own personal projects later.


React Native is a great choice for developing cross-platform mobile apps on Android, iOS and even Web. With single source code you are able to build mobile app for multiple platforms. And the amazing part is that it feels like a native app as it's based on native modules. And on top of that, it brings more advantages to mobile app development which aren't even possible in native apps like over-the-air updates, etc. This is due to the fact that it is using Javascript, which is the most popular programming language and you can achieve a lot with that - from web development to mobile and to backend.

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

Learn the Javascript and React Native basics for mobile app development on Android & iOS

Learn to build both bare React Native and Expo apps, and reveal the differences between React Native CLI & Expo

Learn using React Hooks & React Context (useState, useEffect, useContext, useSelector, useDispatch, etc.)

Integrate Native Libraries, such as Maps, Social share, Firebase

Learn how to handle REST APIs integration and find out about open source APIs

Use different navigators of React Navigation, such as Stack, Tabs and Drawer navigators

Integrate Firebase in your app and learn about serverless apps

Handle Redux integration for global state management and API Calls

Get introduced to how user authentication works in the apps

Learn what is git, why people use it and learn the basic commands of git

Setup basic React Native tools for the best developer experience

Yêu cầu

  • No previous experience required. Basic knowledge of Javascript will be helpful.

Nội dung khoá học

19 sections

Introduction

3 lectures
Introduction
02:48
Why to Choose React Native
02:25
What We Will Build
02:53

React Native Tools Setup

6 lectures
Node & NPM Install
07:08
JDK & Android Studio Setup
06:36
Android SDK Path
02:54
Ruby Installation
04:01
iOS Tools Setup
04:22
Validate Setup with Test Project
02:57

Travel App: Basics of React Native

15 lectures
App Overview
01:48
Project Setup
06:03
Typescript vs. Javascript
01:06
Running on Android
03:59
Running on iOS
04:32
Understanding SafeAreaView
04:51
Styles Explained
05:27
ESLint Setup
06:44
Creating First Component
08:25
Imports & Exports
04:25
Component Props
04:46
Component State and useState Hook Explained
10:12
UseEffect Explained
07:54
React.memo Explained
04:14
React Native Basics
7 questions

Git Basics

4 lectures
Initialize Git
06:23
Git Committing & Pushing
06:09
Exploring Remote Commits
02:37
Git Branches
08:16

Travel App: Build Main Screen

8 lectures
Create Different Instances of Title
08:16
Building Categories List
16:11
Making Category Selectable
07:54
Creating Attraction Card
15:31
Use JSON Data for Lists (ScrollView)
09:14
Using FlatList
12:35
Filtering By Categories
05:50
Quick Quiz ?
3 questions

Travel App: Introduction to App Navigation

7 lectures
Introduction to React Navigation
04:50
Navigation Setup
11:44
Hiding Navigation Header
02:27
Navigating Between Screens
03:15
Passing Parameters to Screens
02:17
Handling Back Events
03:12
Navigation Quiz
5 questions

Travel App: Build Detail Screens

8 lectures
Using ImageBackground
05:09
Adding Actions inside ImageBackground
09:18
Building Mini Image Gallery
04:28
Handling Hidden Images
06:20
Adding Texts Section
07:07
Creating InfoCard Component
07:26
Controlling App Theme
02:42
Building Gallery Screen
09:54

Travel App: Native Libraries (Maps & Social Share)

12 lectures
What are Native Libraries?
04:10
Installing Maps Package
07:42
Getting API Key for Google Maps
03:15
Add Map to Attraction Screen
05:05
Show Marker in the Map
05:25
Implement Full Screen Map
14:58
Checking Maps on Android
01:31
Share Package Options
02:13
Installing Share Package
06:37
Encoding Base64 Images
09:42
Extracting Image Extension
03:38
App Summary: Minute of Appreciation
01:25

Recipes App: Expo Basics

8 lectures
App Overview
01:13
Expo vs. React Native CLI
06:18
Create Expo Project
05:25
Expo Config Customization
04:35
Building Splash Screen & Button
17:22
Finalizing Screen Layout
06:40
Integrate Navigation
08:01
Fix some UI issues
01:26

Recipes App: Home Screen

11 lectures
Customizing Navigation Header
03:11
Custom Back Icon
06:50
Changing App Theme
03:15
Building Input
08:58
Making Pressable Input
05:23
Reusing Components
06:47
Create RecipeCard
15:38
Add RecipeCard Image
03:27
Add Rating
08:59
Show Recipes in List
04:06
Create Card Component
08:54

Recipes App: REST API Integration

11 lectures
REST APIs Explained
04:28
HTTP Methods Explained
04:19
Overview of the Tasty API
10:53
Integrating REST APIs
07:49
Using React Context
06:28
Move Server Call to App.js
01:00
Fetching Healthy Recipes
08:13
Displaying Healthy Recipes
05:51
Displaying All Recipes
04:27
Extracting Tags from Data
06:29
Capitalizing String
01:13

Recipes App: Search

6 lectures
Search Overview
01:26
Input Autofocus
01:53
Showing Recipes in Columns
03:27
Retrieving Input Value
02:45
Implement Search
04:56
Final Touches for Search
03:21

Recipes App: Details Screen

4 lectures
Setting up Details Screen
07:59
Showing Nutrition Data
10:34
Showing Instructions
07:54
Check iOS & Category Filtering Logic
06:57

Tasks App: Authentication Screens

10 lectures
App Overview
02:13
Initialize Git
02:26
Build Onboarding Screen
16:42
Button Types
01:48
Navigation Setup
09:18
Build Login Screen
11:57
Build Signup Screen
03:27
Create Checkbox
08:37
PP & TC Links Redirection
08:27
Configuring Input Types
04:31

Tasks App: Auth with Firebase

9 lectures
Firebase Project Setup
06:28
React Native Firebase Installation
10:24
Fix Hermes Issue
01:05
Authentication Status Check
06:08
Create Account with Firebase
08:42
Add Logout Option
01:22
Add Name to User
03:32
Sign in with Existing User
04:51
Checking Firebase Data
01:34

Tasks App: Drawer & Tab Navigators

7 lectures
Navigators Setup
12:28
Change Tab Icons
05:45
Change the Theme & Check Android
03:10
Custom Drawer Menu
08:57
Custom Header
07:48
Sticky Plus Icon
06:00
Add Back Icon
03:48

Tasks App: Adding Tasks

8 lectures
Customize Title
03:05
Outlined Input
05:13
Reuse Categories
08:50
Fix Category Spacing
02:34
Add DatePicker
12:49
Form Validation
08:34
Intro to Firebase Databases
06:59
Adding Loader
04:44

Tasks App: Displaying Tasks

10 lectures
Setting up Redux
12:09
Dealing with Firestore Queries
07:48
Storing Tasks in Redux
03:41
Displaying Task List
04:08
Crossed Line for Checked Tasks
01:00
Filtering Tasks
05:05
Updating Data
07:33
Displaying Home Cards
06:54
Categorizing Tasks
09:12
Last Chunk of Code
04:39

Tasks App: Deploying to Stores

5 lectures
Changing App Icons
05:46
Customizing LaunchScreen
02:58
Creating app on App Store
06:20
Deploying to App Store - part 1
05:08
Deploying to App Store - part 2
05:04

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