Mô tả

In this course we will learn how to build our own Instagram clone with React Native, Expo, Firebase, Redux & React Navigation. This will be a multi-part series to learn every detail along the way from setting up the Expo environment using React Native along with integrating the Firebase real-time database by Google. Some services we will use are:

React Native

React Native lets you create truly native apps and doesn't compromise your users' experiences. It provides a core set of platform agnostic native components like View, Text, and Image that map directly to the platform’s native UI building blocks.

Expo

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

Firebase

Firebase is Google’s mobile application development platform that helps you build, improve, and grow your app. Firebase makes it super quick and easy to integrate a fast non-relational database while also integrating with other Google services like single sign-on, analytics and much more.

Redux

Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. ... You can use Redux together with React, or with any other view library.


Associated code files and explanation will be added for each video as well to get a closer look at how everything is built.

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

In the multiple part series we start off by learning the basics of React and how to transfer that to React Native to build an Instagram clone

Yêu cầu

  • Need to know basic javascript and helps to have used React before

Nội dung khoá học

12 sections

Intro to React

4 lectures
About React & Firebase
05:41
A Tech Overview
18:26
Getting Started w/ React
08:57
What are Props & Components?
15:13

Intro to React Native & Expo

4 lectures
React Native vs Expo
10:01
Getting Started with React Native Expo
14:12
Building Our First Expo Components
06:49
Creating Our Own Custom Components
13:23

Redux & React Navigation

5 lectures
Intro to React Navigation
07:10
Adding Custom Tab Icons
12:54
Intro to Redux
10:56
Global Reducer State
05:23
Adding Redux Actions
14:06

Login & Signup

4 lectures
Auth Navigator
12:42
Adding Login Actions
13:44
Adding User Signup Page
08:54
Login & Signup Finishing Touches
18:18

Firebase

4 lectures
Intro to Firebase
10:00
Initialize Firebase & Create Account
09:17
Redux Login Actions
14:06
Redux Signup Actions
11:00

Firestore Database

5 lectures
Firestore Database Intro
13:44
Create Firestore User Object
17:44
Login & Signup Flow
13:00
Facebook Authentication
16:10
Create New Facebook Authenticated User
10:36

Home Feed

6 lectures
Adding a Post Image
14:35
Firestore Post Upload
13:39
Creating Our Home Feed
15:34
FlatList vs ScrollView
09:54
Custom StackNavigator Header
09:42
Home Feed Interactions
13:56

Camera Module

4 lectures
How to use the Expo Camera Module
15:02
Firestorage Photo Upload Pt.1
10:50
Firestorage Photo Upload Pt.2
12:23
Upload Post
06:40

Location & Google Places API

3 lectures
Add Modal Location
06:41
Google Places API
17:01
Add Maps View
10:38

Feed Functionality

6 lectures
Post Liker Functionality
14:21
Create New Activity Collection
14:25
Activity Feed Page
08:50
Edit Profile
14:39
Upload Photo Library
10:32
Error Handling
10:01

Commenting & Search

5 lectures
Add Comment
12:34
Get Comments
17:21
Moment.js & Styling
20:36
Search Page
11:46
User Profile Search
09:36

Profile & Messaging

6 lectures
New Profile
11:37
Profile Feed
13:36
Add Chatroom
06:07
Get Messages
10:27
Follow/Unfollow Users
08:00
Push Notifications
16:55

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