Mô tả

This Course is the most updated course on React Native on internet.

Is hooks included ? yes. Is Navigation included ? Yes. Redux ? Of course !. Context API ? definitely.

we will be also learning about Animations basics to enhance user experience.

you will be learning every thing you need to know in order to become a job ready React Native developer.

We will begin from scratch step by step. First, we will learn how to make beautiful UI using React Native then slowly we will implement complex logic that you will use in your real life in React Native projects. we will also learn Node js and Express as this is required as a backed in Full stack application which other course don't teach.

Here is the list of projects which we will be making -

  • Employee App -

    company can use to store details on an employee like name,position,salary,picture etc.

    includes camera access, uploading images,redux,working with node js and express as a backend

  • Youtube clone -

    we will be making clone of youtube app using youtube api.

    includes how to add dark mode,toggle button to toggle theme,redux

  • Weather app -

    This app will show the weather conditions of any city.

    includes autocomplete when user types,saving city name on device storage

  • Notes App

    User can create and delete Notes


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

Discount available use coupon code DISCOUNT70

Moble Application development using React native

Accessing Camera and Image Gallery

Uploading Images

How to work with node js and express as a backend

Adding Navigation using React navigation v5

Redux for state management

Context API

Animations

Yêu cầu

  • Basics of React js

Nội dung khoá học

15 sections

Introduction

3 lectures
Introduction
09:59
project overview
03:28
complete code used in this project
00:06

Installing React Native

2 lectures
Installing React Native using expo
09:16
Understanding Code
15:00

Creating beautiful UI for screens

7 lectures
Designing Home Screen part 1
16:02
Designing Home Screen part 2 and Flatlist
13:47
Designing CreateEmployee Screen
15:36
Adding Modal (popup)
17:19
Designing Profile Screen part 1
11:36
Designing Profile Screen part 2
18:23
opening email app and Dialer App
07:15

Adding React Navigation v5

3 lectures
Installing and adding Navigation
11:21
Customizing Header
08:16
Making Profile screen dynamic
09:36

Accessing Camera,Image Gallery and uploading Images

2 lectures
access camera and image gallery
10:58
uploading images to Cloudinary
18:12

working on backend of application

4 lectures
setting up node js and mongodb
09:51
making Schema and connecting to mongodb
06:36
making post data route handler
10:28
making update and delete route handler
17:45

connecting React Native with node js and express backend

7 lectures
why ngrok
06:04
Posting data from React native
14:26
fetching records in home Screen
16:17
Implementing pull to refresh feature
08:01
deleting employee feature
06:24
Updating Employee details
17:29
Adding Keyboard Avoiding View
05:11

Adding Redux for state management

2 lectures
why we need Redux
04:49
Adding Redux in our app
21:17

Ditching Redux and adding context API

1 lectures
Adding Context API
09:49

Youtube clone - Dark theme & redux added

16 lectures
Second App Overview
02:08
creating header component
21:08
creating Home screen Cards
17:43
creating search screen header
12:56
creating MiniCard component for search screen
09:17
making use of youtube API to fetch videos
25:17
fixing video image issue
01:09
combining navigators theory and installing navigation v5
03:41
Creating screens and combining navigation
10:31
Adding icons in tabs and wireing up navigation
13:15
adding redux
12:49
sharing data with home screen
05:22
working on Explore Screen tab
11:38
working on Video Player Screen
19:38
Adding Dark Theme
14:52
toggle theme using redux
15:11

Building app with expo

2 lectures
creating icon and splash screen
09:24
building app using expo
14:10

Weather App with autocomplete - using React Native CLI

8 lectures
Third app overview
01:23
creating project with React native cli
04:14
creating header
16:36
creating search screen with autocomplete
14:21
working on home screen
18:54
Adding tab navigation
20:56
saving data on users device using async storage
08:34
building app using android studio
05:51

Animations

6 lectures
Animations basics
07:31
understanding how interpolate works
05:30
handling gestures
11:51
Animating Header on scroll
11:01
Instagram heart bounce animation
28:24
Translating and rotating cards
37:47

Context API MASTERY

8 lectures
Fourth App overview
01:46
creating context and using it
13:40
adding reducer
24:15
deleting record
05:37
working on create notes screen
17:33
working on show notes screen
10:18
pre populating fields in edit screen
11:39
handling update action
07:11

Bonus

1 lectures
Get my others for free
00:00

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