React Native Foundation With Firebase & Redux (Updated)
4.3 (126 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
498 students enrolled

React Native Foundation With Firebase & Redux (Updated)

Get Up and Running with React Native, Firebase Realtime Database/Storage and redux in less than 5 hours!
Bestseller
4.3 (126 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
498 students enrolled
Created by Varun Nath
Last updated 5/2020
English
English [Auto-generated]
Current price: $12.99 Original price: $19.99 Discount: 35% off
2 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 4 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
  • A Solid Foundation In React Native along with learning how to integrate firebase and Redux into your app.
Requirements
  • Basic understanding of Javascript and ES6
Description

In less than 5 hours not only will you have a solid foundation in react native but you'll also be able to :

1. Create a robust navigation flow with react navigation v3 and v5

2. Integrate firebase for authentication, database management and uploading images

3. Integrate redux to for app wide state management

All while building a practical cross platform application from scratch without having any prior knowledge in mobile app development.

Who this course is for:
  • Developers looking to get up and running with React Native in less than 5 hours.
Course content
Expand all 70 lectures 05:39:05
+ Introduction
4 lectures 05:26

An introduction to the course.

Preview 00:24

Understand what react native is and how is it different from other hybrid platforms like ionic.

Preview 00:51

react-native-foundation-updated  - Project files updated and tested with expo sdk 37

Project Files
01:20
+ Setup and Installation
4 lectures 09:51
Code Editor and Plugins
02:08
Expo Cli Vs React Native Cli
01:44
Installing Expo Cli
02:15
Expo Developer Menu
03:44
+ The Basics
4 lectures 12:25
Understanding the App.js
02:18
Intro to Flexbox
03:40
Testing Our Knowledge - Our First UI + SafeAreaView
03:07
+ Building our first App - The Book Worm App
9 lectures 36:47
Setting Up The Layout
05:25
Adding State
02:03
Props And Custom Component
04:01
Adding a Button and TextInput
04:41
Modifying the State to show/hide TextInput
02:55
Adding A book
04:36
setState() Gotchas
05:23
Flatlist to display added books
04:42
Mark book as read - .filter()
03:01
+ Cleaning Up Our Code
5 lectures 23:34
PropTypes and Default Props
03:09
Custom Button and props.children
10:36
Cleaning Up The Styles
02:42
Reusing Colors
02:45
+ Digging Deeper
7 lectures 35:30
Intro to Lifecycle Methods
06:32
Intro To React Navigation
05:16
First Navigator - AppSwitch Navigator
08:47
Adding First Stack Navigator
04:27
Configuring the header
01:28
Let's Add the Drawer Navigator
04:40
Customize Drawer Navigator
04:20
+ Connect Our App To Firebase
15 lectures 01:30:51
Setting Up the Login Screen
10:27
Setting Up Firebase
03:15
Signing Up New User
04:12
Signing in User
05:01
Detecting if the user is logged in
07:36
Installing Firebase Cloud Functions
03:14
Sign Up User using Firebase Cloud Functions
04:16
Sign Up User Without Cloud Functions
03:09
Modifying the state for firebase
04:01
Adding Books to Database
08:03
Loading Books From the Database
09:54
Mark Book as read in the Database
07:50
Updating TextInput Styles
07:12
Adding a Tab Navigator
06:32
Dynamic Header Title
06:09
+ Adding Redux To Our App
9 lectures 01:00:06
Intro To Redux
01:11
What is Redux?
12:26
Adding Redux To Our App - 1
08:30
Adding Redux to Our App - 2
04:36
Displaying Books Reading and Books Read
06:29
Adding Book Count To Tab Naigator
05:39
Appwide Loading Indicator
06:04
Make Books List Swipeable
11:22
Delete Book From List
03:49
+ Uploading Image for the Book
6 lectures 31:08
Adding Actionsheet
06:23

Kindly Note : react-native-image-progress and react-native-progress will not work with expo sdk 36 and above.
Instead you can user - https://github.com/bartgryszko/react-native-circular-progress

Opening Image Library and Camera
07:17
Uploading Image To Firebase Storage
09:08
Displaying the Image
05:38
Updated: Loading Indicator
02:16
That's a Wrap!
00:26
+ Upgrade To React Navigation 5 - Project Files
7 lectures 33:27
Updated Auth Flow with Redux
09:06
Drawer Navigator
07:07
Tab Navigator
07:19
Dynamically Updating Header Title
02:10
Customizing Drawer Component
01:40