Emanuele emanueleDiVizio

Tech Lead - Mobile, Web, Backend, Infra

emanueleDiVizio / cloudSettings

Last active November 2, 2020 14:57

Visual Studio Code Settings Sync Gist

{"lastUpload":"2020-09-22T05:57:00.646Z","extensionVersion":"v3.4.3"}

emanueleDiVizio / productReducer.js

Created June 9, 2020 15:14

	const productReducer = (state, action) => {
	switch (action.type) {
	case offlineActionTypes.FETCH_OFFLINE_MODE:
	if (
	action.payload.prevAction.type ===
	actionTypes.FETCH_USER_SELECTED_PRODUCT_REQUEST
	) {
	return handleSelectedProductWhileOffline(state, action.payload);
	}
	return state;

emanueleDiVizio / fetchUserSelectedProductAction.js

Created June 9, 2020 15:09

	const action = {
	type: 'FETCH_USER_SELECTED_PRODUCT_REQUEST',
	payload: {
	id: 2
	},
	meta: {
	retry: true
	}
	};

emanueleDiVizio / actionToBeQueued.js

Created June 9, 2020 14:54

	type ActionToBeQueued = {
	type: string,
	payload?: any,
	meta: {
	retry?: boolean, // By passing true, your action will be enqueued on offline mode
	dismiss?: Array<string> // Array of actions which, once dispatched, will trigger a dismissal from the queue
	}
	}

emanueleDiVizio / offlineAction.js

Created June 9, 2020 14:52

	type FetchOfflineModeActionForPO = {
	type: '@@network-connectivity/FETCH_OFFLINE_MODE',
	payload: {
	prevAction: {
	type: string, // Your previous action type
	payload?: any, // Your previous payload
	}
	}
	}

emanueleDiVizio / createNetworkMiddleware.js

Created June 9, 2020 14:46

	createNetworkMiddleware(config: MiddlewareConfig): ReduxMiddleware

	type MiddlewareConfig = {
	regexActionType?: RegExp = /FETCH.*REQUEST/,
	actionTypes?: Array<string> = [],
	queueReleaseThrottle?: number = 50,
	shouldDequeueSelector: (state: RootReduxState) => boolean = () => true
	}

emanueleDiVizio / store.js

Created June 9, 2020 14:44

	import { createStore, applyMiddleware } from 'redux';
	import { createNetworkMiddleware } from 'react-native-offline';
	import createSagaMiddleware from 'redux-saga';

	const sagaMiddleware = createSagaMiddleware();
	const networkMiddleware = createNetworkMiddleware({
	queueReleaseThrottle: 200,
	});

	const store = createStore(

emanueleDiVizio / OfflineBanner.js

Created June 8, 2020 15:02

	const OfflineBanner = () => {
	const [isOffline] = useNetworkInfo();

	if (isOffline) {
	return (
	<View style={styles.container}>
	<View style={styles.row}>
	<Text>You are currently offline</Text>
	</View>
	</View>

emanueleDiVizio / useNetworkInfo.js

Created June 8, 2020 14:55

	const isConnectedSelector = state => state.network.isConnected;

	const useNetworkInfo = () => {
	const isConnected = useSelector(isConnectedSelector);

	return [isConnected];
	}

emanueleDiVizio / network.js

Created June 8, 2020 14:53