How to Build an Instagram Clone w/ React Native & Firebase
432 students enrolled
How to Build an Instagram Clone w/ React Native & Firebase
Learn how to build an Instagram clone with React Native Expo, Firebase, Redux & React Navigation
432 students enrolled
Current price: $104.99
Original price: $149.99
Discount:
30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
- 11.5 hours on-demand video
- 41 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Training 5 or more people?
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business
What you'll learn
- 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
Course content
Expand all
56 lectures
11:20:24
+
–
Intro to React Native & Expo
4 lectures
44:25
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
50:29
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
53:38
Auth Navigator
12:42
Adding Login Actions
13:44
Adding User Signup Page
08:54
Login & Signup Finishing Touches
18:18
+
–
Firebase
4 lectures
44:23
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
01:11:14
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
01:17:20
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
44:55
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
34:20
Add Modal Location
06:41
Google Places API
17:01
Add Maps View
10:38
+
–
Feed Functionality
6 lectures
01:12:48
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
Requirements
- Need to know basic javascript and helps to have used React before
Description
In this course we will learn how to build our own Instagram clone with React Native, Expo, Firebase, Redux & React Navigation. This will be the first part in a multi-part series to learn every detail along the way. Associated code files and explanation will be added for each video as well to get a closer look at how everything is built.
Who this course is for:
- Developers looking to build an iPhone app from scratch with React Native Expo
Featured review
Marcel Jurgen Kritzinger
(
47 courses,
10 reviews
)
a year ago
When 1st starting the course I was getting slightly frustrated as I was facing issues which didnt seem to be listed in the course.
As I have gone through I need to remind myself that the biggest part of development is research and problem solving. Now that I have managed to get through the few issues I have had. (Self inflicted issues, by not following the course as it is set out) I am really enjoying the course and finding myself going ahead as well as finding solutions to my problems.