Posts

Firebase Facebook SignIn

1: First of all goto RNFirebase  and install it  # Install & setup the app module yarn add @react-native-firebase/app # Install the authentication module yarn add @react-native-firebase/auth 2:click Authenticaion tab then click on social Auth 3:now goto fb    community-supported React Native library and install FbSDK libarary npm install --save react-native-fbsdk-next 4:now configure projects And click on android:    Getting Started Guide 5:then click on quick start for android  Quick Start for Android 6:now its open Meta for developers site 7:then click on quick start  8:then login your fb account and create  an app 9:select an app type  (none): then click next 10:then add   Display name and click on create app 11:then click on fb login set up 12: choose android  13:then click on next 14:then copy   mavenCentral () and past it into android/build.gradle in repositories{} 15:then copy  implementati...

google signIn with react native firebase

 1: first of all create project in firebase console 2:choose Android 3:add android pakage name from android/app/src/main /android manifest.xml0 4:copy pakage name and paste into firebase  5:then skip other and click on register app 6:then click next 7:then copy classpath 'com.google.gms:google-services:4.3.10' and paste into android/build.gradle in  dependencies 8:then copy apply plugin: 'com.google.gms.google-services' and paste into app/build.gradle in last  9:then copy this dependenci implementation platform('com.google.firebase:firebase-bom:29.1.0') and paste into app/build.gradle dependencies 10:then click next button then click continue to console 11:then go to firebase project settings 12:then Add SHA  key fingerprints just run this command cd android then run this command ./gradlew signingReport  into terminal to generate SHA  key  and copy it then paste it into firebase  certificate fingerprint then copy SHA256 key and...

counter_with_redux

 app.js import React from 'react' ; import {} from 'react-native' ; import ScreenA from './ScreenA/index' ; import { Provider } from 'react-redux' ; import { store , persistor } from './redux/Store' ; // import { PersistGate } from 'redux-persist/integration/react'; import { PersistGate } from 'redux-persist/lib/integration/react' ; const App = () => {   return (     < Provider store = { store } >       < PersistGate persistor = { persistor } loading = {null} >       < ScreenA />       </ PersistGate >       </ Provider >   ); }; export default App ; ******************************************************************** ******************************************************************* ScreenA index.js import React , { useState } from 'react' ; import { View , Text , Pressable , TextInput } from 'react-native' ; import styles from './st...

Redux Authentication Flow

 App.js import React , { useState , useEffect } from 'react' ; import { } from 'react-native' ; import { Provider } from 'react-redux' ; import { PersistGate } from 'redux-persist/lib/integration/react' ; import { persistor , store } from './redux/Store' ; // import Screen1 from './Components/Screen1'; // import AsyncStorage from '@react-native-async-storage/async-storage'; // import Screen2 from './Components/screen2' // import Index1 from './Components/Screen2'; // import Screen5 from './Components/Screen5'; import { NavigationContainer } from '@react-navigation/native' ; import { createStackNavigator } from '@react-navigation/stack' ; // import {createSharedElementStackNavigator} from 'react-navigation-shared-element'; // import {createSharedElementStackNavigator} from import 'react-native-gesture-handler' ; import {   increment ,   decrement ,   incr...