parth-koshta

import React from 'react';
import {View, Text, TouchableOpacity} from 'react-native';
import {useDispatch} from 'react-redux';
import {setIsLoggedIn} from '../../redux/actions/UserActions';

const Login = () => {
  const dispatch = useDispatch();
  const onLogin = () => {
    dispatch(setIsLoggedIn(true));
  };

parth-koshta

import React from 'react';
import {Provider} from 'react-redux';
import store, {persistor} from './src/redux/store';
import AppWrapper from './src/components/AppWrapper';
import {PersistGate} from 'redux-persist/integration/react';

const App = () => {
  return (
    <Provider store={store}>
      <PersistGate loading={null} persistor={persistor}>

parth-koshta

import React from 'react';
import {useSelector} from 'react-redux';
import {selectIsLoggedIn} from '../../redux/selectors/UserSelector';
import Counter from '../../screens/counter';
import Login from '../../screens/login';

const AppWrapper = () => {
  const isLoggedIn = useSelector(selectIsLoggedIn);
  return !!isLoggedIn ? <Counter /> : <Login />;
};

parth-koshta

import { createSelector } from 'reselect';

export const selectCounterValue = createSelector(
  (state) => state.counter,
  (counter) => counter.value,
);

parth-koshta

import { createSelector } from 'reselect';

export const selectIsLoggedIn = createSelector(
  (state) => state.user,
  (user) => user.isLoggedIn,
);

parth-koshta

import {configureStore} from '@reduxjs/toolkit';
import logger from 'redux-logger';
import {
  persistStore,
  persistReducer,
  FLUSH,
  REHYDRATE,
  PAUSE,
  PERSIST,
  PURGE,

parth-koshta

import { combineReducers } from 'redux';
import CounterReducer from './CounterReducer';
import UserReducer from './UserReducer';

const Reducers = combineReducers({
    user: UserReducer,
    counter: CounterReducer
});

export default Reducers;

parth-koshta

import {createReducer} from '@reduxjs/toolkit';
import {PURGE} from 'redux-persist';
import {CounterActionTypes} from '../actions/CounterActions';

const initialState = {value: 0};

const CounterReducer = createReducer(initialState, builder => {
  builder
    .addCase(CounterActionTypes.INCREMENT, state => {
      state.value++;

parth-koshta

import { createAction } from '@reduxjs/toolkit';

export const CounterActionTypes = {
    INCREMENT: 'INCREMENT',
    DECREMENT: 'DECREMENT',
};

export const incrementCount = createAction(CounterActionTypes.INCREMENT);
export const decrementCount = createAction(CounterActionTypes.DECREMENT);

parth-koshta

import {createAction} from '@reduxjs/toolkit';
// createAction function is used to define a redux action, 
// it takes an action type and returns an action creator for that type. 
// The action creator can be called either without arguments or with a payload to be attached to the action.

export const UserActionTypes = {
  SET_IS_LOGGED_IN: 'SET_IS_LOGGED_IN',
};

export const setIsLoggedIn = createAction(UserActionTypes.SET_IS_LOGGED_IN);