State Management of API Web Service using Redux on React Native App

Miftachudin, Muhammad Khoirul Hasin, Afif Zuhri Arfianto

2021

Abstract

There are two data types which control components in the React Native framework, props and state. React Native uses state and it often raises problems in client-side applications. The state changes of the enterprise application component leads to collisions between the states. To avoid these collisions, it is necessary to have a management state. Whereas, Redux is the most widely used state management for Javascript based applications, for instance; framework React Native. This study is to discuss comprehensive processes to make React Native-Redux application. The first step is to discuss some ways to make component in React Native. To obtain the data from API web service data sources, applying library third-party React Native is taken. Data which is resulted from the source stored in Redux state. Then it will be discussed deeply how to manage more than one state that is in a different component. The results of this study are in the form of an Android application using the Redux management state. The application runs normally when tested using an Android emulator from Android Studio. The data displayed matches the defined action type.

Download


Paper Citation


in Harvard Style

Miftachudin., Khoirul Hasin M. and Zuhri Arfianto A. (2021). State Management of API Web Service using Redux on React Native App. In Proceedings of the 4th International Conference on Applied Science and Technology on Engineering Science - Volume 1: iCAST-ES, ISBN 978-989-758-615-6, pages 1425-1430. DOI: 10.5220/0010966700003260


in Bibtex Style

@conference{icast-es21,
author={Miftachudin and Muhammad Khoirul Hasin and Afif Zuhri Arfianto},
title={State Management of API Web Service using Redux on React Native App},
booktitle={Proceedings of the 4th International Conference on Applied Science and Technology on Engineering Science - Volume 1: iCAST-ES,},
year={2021},
pages={1425-1430},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0010966700003260},
isbn={978-989-758-615-6},
}


in EndNote Style

TY - CONF

JO - Proceedings of the 4th International Conference on Applied Science and Technology on Engineering Science - Volume 1: iCAST-ES,
TI - State Management of API Web Service using Redux on React Native App
SN - 978-989-758-615-6
AU - Miftachudin.
AU - Khoirul Hasin M.
AU - Zuhri Arfianto A.
PY - 2021
SP - 1425
EP - 1430
DO - 10.5220/0010966700003260