react-clean-architecture android ios src    application       common       filters       logger       models       persist       plugins       store    infrastructure       api(services)       components (common components)    presentation       container       component index.js package.json README.md

# Store/index.js import { init } from '@rematch/core';import logger from 'redux-logger';import * as models from '../models';import { loadingPlugin } from '../plugins';import { persistPlugin } from '../persist';export default init({  models,  plugins: [loadingPlugin, persistPlugin],  redux: {    middlewares: [logger],  },});

import createLoadingPlugin from '@rematch/loading';export const loadingPlugin = createLoadingPlugin({  whitelist: ['ToDo/fetchTasks'],});

import AsyncStorage from '@react-native-community/async-storage';import createRematchPersist from '@rematch/persist';import { AllFilters } from '../filters';export const persistPlugin = createRematchPersist({  key: 'root',  whitelist: ['ToDo'],  version: 1,  storage: AsyncStorage,  transforms: AllFilters,});

import { List } from '../../infrastructure/api/api';export const ToDo = {  state: {    arrTasks: [],    arrAPITasks: [],    totalTasks: 3,  },  reducers: {    setTasks(state, payload) {      return {        ...state,        arrTasks: payload,      };    },    setAPITasks(state, payload) {      return {        ...state,        arrAPITasks: payload,      };    },    clear() {      return {        arrBeneficiary: [],      };    },  },  effects: (dispatch) => ({    async fetchTasks() {      try {        dispatch.ToDo.setTasks([            {                taskID: 1,                taskName: 'Task #1',            }        ]);      } catch (error) {      }    },    async fetchTasksFromServer() {      try {        const response = await List.getListData().toPromise();        dispatch.ToDo.setAPITasks(response);      } catch (error) {      }    },  }),};

import { createBlacklistFilter } from 'redux-persist-transform-filter';const toDoFilter = createBlacklistFilter('ToDo', ['totalTasks']);export const AllFilters = [toDoFilter];

exports.globalVars = {    userSalt: 'TOHV7eOQRAXmbe433BilgtJeCkugs1rgvZ',    currentCountryCode: '',};export const BaseURL = "https://jsonplaceholder.typicode.com/";export const TaskList = 'todos/';export const apiVersion = 'events/';export const Authsecret = '';export const timeoutDuration = 30000;// Error Messagesexport const errorEncountered = 'Error was encountered processing this request';export const timeoutMessage =    "We are unable to fetch data at this time, kindly check your internet connection and we'll reconnect you.";

# api/api/List.jsimport APIHandler from '../APIHandler';import * as Globals from '../../../application/common/Globals';export default {  getListData: () => APIHandler.get(Globals.TaskList),};

# api/APIHandler.jsimport { Alert } from 'react-native';import { Observable, throwError, from } from 'rxjs';import {  mergeMap, retryWhen, take, delay, catchError, map,} from 'rxjs/operators';import axios, { AxiosPromise } from 'axios';import * as Globals from '../../application/common/Globals';async function handleRequest(req) {  const ts = new Date().getTime();  req.headers.Accept = 'application/json';  req.headers.timestamp = ts;  return req;}export default {  post: (url: string, data: any, options?: any) => processApiRequest(    axios.post(      options && options.fullPath ? url : Globals.BaseURL + url,      data,      { timeout: Globals.timeoutDuration },      options && { headers: options },    ),  ),  get: (url: string, options?: any, data?: any) => {    data = data ? (data instanceof Object && !Object.keys(data).length ? null : data) : null;    const config = data      ? { headers: options, data, timeout: Globals.timeoutDuration }      : { headers: options, data: '', timeout: Globals.timeoutDuration };    return processApiRequest(      axios.get(options && options.fullPath ? url : Globals.BaseURL + url, config),    );  },};

# components/Loader/index.jsimport React, { Component } from 'react';import { View, ActivityIndicator } from 'react-native';import Styles from './Styles';function Loader(props)  {    const { loading } = props;    if (loading) {        return (            <View style={Styles.loaderWrapper}>                <ActivityIndicator size="large" />            </View>        )     } else {        <View />    }    }export default Loader;

# component/ToDo/index.jsimport React from 'react';import { SafeAreaView } from 'react-native';import TaskListContainer from '../../container/ToDo/TaskListContainer';import Styles from './Styles';function ToDoManagement() {    return (        <SafeAreaView style={Styles.container}>            <TaskListContainer />        </SafeAreaView>    );}export default ToDoManagement;

# container/ToDo/TaskListContainer.jsimport { connect } from 'react-redux';import TaskListComponent from '../../component/ToDo/TaskListComponent';const mapStateToProps = ({ ToDo, loading }) => ({    arrTasks: ToDo.arrTasks,    loading: loading.effects.ToDo.fetchTasks,  });  const mapDispatchToProps = ({       ToDo: {         fetchTasks,        fetchTasksFromServer,      }     }) => ({        fetchTasks: () => fetchTasks(),        fetchTasksFromServer: () => fetchTasksFromServer()  });  export default connect(mapStateToProps, mapDispatchToProps)(TaskListComponent);

# component/ToDo/TaskListComponent.jsimport React, { useEffect } from 'react';import { SafeAreaView, FlatList } from 'react-native';import TaskItemContainer from '../../container/ToDo/TaskItemContainer';function TaskListComponent(props) {    useEffect(() => {        props.fetchTasks();        props.fetchTasksFromServer();    }, [])    return (        <FlatList            data={props.arrTasks}            renderItem={({ item, index }) =>                <TaskItemContainer                    {...item}                />}        />    );}export default TaskListComponent;