Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course
Why Stack Overflow recommends it
Stack Overflow users link it as the tutorial they were following when they hit Firebase, Expo or navigation errors, and answerers point to its web-config Firebase setup at 38:20.
Recommended by 1 people across 1 different months, 2021 to 2022.
What it is
A nearly six-hour freeCodeCamp course by SimCoder that builds an Instagram clone with React Native, Expo, Firebase Auth, Firestore, Firebase Storage and Redux. It covers sign-up and login, navigation, camera and gallery, posting images, profiles, search, follows, a feed, comments and likes.
What people said
Recommends Ayush Kumar · 2021-07 · Stack Overflow · on “Emulator is showing error {firebase.App() not found} while using firebase authentication with React Native using expo-cli”
Update 02-12-2021 Guys expo's eas-build is now public. You can add custom native codes and use react-native-firebase. Here is the link to a [LINK] tutorial. The video is short and super easy to follow. Here is the link to the docs [LINK] Previous answer Currently, Firebase does not work in react native if you are using the mobile configuration. However, if you use the web configuration it will work. Here is the [this video] . Watch from 38:20 to set up.
Recommends Ayush Kumar · 2021-07 · Stack Overflow · on “firestore is not working with React Native Expo”
currently Firebase seems not to be working in expo if you are using the android configuration. I have tried the web configuration and it has worked for me. Here is the [this video] for it. Watch from 38:20 to set up.
Cites Ahraf khatri · 2021-01 · Stack Overflow · on “React Native using Expo Loading Sign Issue”
I'm have started learning React Native and working on a project. But I'm facing a small issue in app.js file(Don't know exactly). I have created a text preloader but whenever I run this project I'm only able to see the preloader can't view other than that preloader. I have add my app.js code below, please help me out with that problem. App.js import { StatusBar } from 'expo-status-bar'; import React, {Component } from 'react'; import { View, Text } from 'react-native'; import * as firebase from 'firebase' // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "<API-KEY>", authDomain: "bodytutors-61db0.firebaseapp.com", databaseURL: " [LINK] ", pr
Cites Gayatri Dipali · 2021-01 · Stack Overflow · on “Spread operator throwing error in a ReactNative app with redux”
I am building an Instagram clone with expo using redux and redux thunk, I wanted to implement follow system but I get an error pointing at my reducers when I switch to the profile screen. users.ts (reducer) : import { USER_STATE_CHANGE, USER_POSTS_STATE_CHANGE, USER_FOLLOWING_STATE_CHANGE, CLEAR_DATA, } from "../constants"; const initialState = { currentUser: null, posts: [], following: [], }; export const user = (state = initialState, action: any) => { switch (action.type) { case USER_STATE_CHANGE: return { ...state, currentUser: action.currentUser, }; case USER_POSTS_STATE_CHANGE: return { ...state, posts: action.posts, }; case USER_FOLLOWING_STATE_CHANGE: return { ...state, following: act
Cites yunkyoto · 2021-03 · Stack Overflow · on “Error: Couldn't register the navigator. Have you wrapped your app with 'NavigationContainer'?”
I am learning to code with this video [this video] , I did exactly what the guy did, but when I run expo start and then go to run in web browser what appears is this error: Couldn't register the navigator. Have you wrapped your app with 'NavigationContainer'? Here's my code until now import { StatusBar } from 'expo-status-bar'; import * as React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import {navigationContainer} from '@react-navigation/native'; import {createStackNavigator} from '@react-navigation/stack'; import { createMaterialTopTabNavigator } from 'react-navigation-tabs' import LandingScreen from './Components/auth/landing'; const Stack = createStackNavigator(); e
Cites MVVV · 2022-07 · Stack Overflow · on “TypeError on Firebase function for letting users sign up”
I am new to React Native and Firebase. I have been following a [this video] and cannot get my code working. I get a type error as described in the title from the onSignUp() method and the line of code calling the createUserWithEmailAndPassword() function. The entire app crashes after the error. I did have to change the import statements from what the tutorial had since the way of importing Firebase has become outdated. import React, { Component } from 'react' import { View, Button, TextInput } from 'react-native' import firebase from 'firebase/compat/app'; require('firebase/auth') export class Register extends Component { constructor(props) { super(props); this.state = { email: '', password: '',