Improving Effectiveness of State Management Using Prop Drilling Pattern on Jala Tech's Financial Feature
Keywords:
Prop Drilling, State, Vue DevtoolsAbstract
Jala Tech is a technology company that helps shrimp farmers in improving the quality of their ponds by utilizing web-based applications. One of the features of the Jala web application is the financial feature. State management in the frontend code of the feature uses the event bus pattern. However, there is a problem with implementing the event bus, namely the inability of Vue Devtools to debug the state. This inability makes it difficult for developers to track the flow of state changes in the application view. In addition, the decentralized method in storing application states causes state redundancy to occur in components that use the same state. Based on this, it is necessary to rewrite the code on the financial feature to change the state management from using the event bus pattern to the prop drilling pattern. The result of this research is a financial feature that has implemented prop drilling in the frontend code. By using prop drilling, it is possible to debug the state using Vue Devtools and centralize the states on the main parent component of the financial feature of the Jala web application. Therefore, developers can track state changes and more easily identify the state used in the financial feature of the Jala web application.
References
Frestilia, N. (2013). Pengaruh Pemanfaatan Teknologi Informasi, Karakteristik Informasi Sistem Akuntansi Manajemen, Dan Ketidakpastian Lingkungan Terhadap Kinerja Manajerial. Jurnal akuntansi, 1(1).
Freeman, A. (2018). Loosely Coupled Components. In Pro Vue. js 2 (pp. 451-477). Apress, Berkeley, CA.
Jala Tech. (2021). Jala: Solusi Digital untuk Kesuksesan Tambak Udang Anda. https://jala.tech
Jala Tech. (2021). Jala Tech Web App. https://app.jala.tech Vuejs. (2021). Introduction. https://vuejs.org/v2/guide/index.html
Kankaala, M. (2019). Enhancing E-Commerce with Modern Web Technologies.
Nelson, B. (2018). State Management. In Getting to Know Vue. js (pp. 127-147). Apress, Berkeley, CA.
Pressman, R. S. (2005). Software engineering: a practitioner's approach. PalgraveMacmillann.
Wohlgethan, E. (2018). SupportingWeb Development Decisions by Comparing Three Major JavaScript Frameworks: Angular, React and Vue. js (Doctoral dissertation, Hochschule für Angewandte Wissenschaften Hamburg).
Yang, J., & Papazoglou, M. P. (2002, May). Web component: A substrate for web service reuse and composition. In International Conference on Advanced Information Systems Engineering (pp. 21-36). Springer, Berlin, Heidelberg.
