OPTIMIZATION OF SEARCH FILTERS USING REACTJS IN WIKI-INF
Keywords:
ReactJS, Search Filter Optimization, Wiki-Inf, User Experience, Web Application Performance, Information RetrievalAbstract
The rapid growth of digital information has increased the demand for efficient and responsive search systems capable of delivering accurate results in real time. Wiki-Inf, as an information management and knowledge-sharing platform, requires an optimized search mechanism to improve user experience and information retrieval efficiency. This study aims to optimize the search filter functionality in Wiki-Inf by utilizing ReactJS as the primary frontend framework. The implementation focuses on developing dynamic and interactive filtering features that enable users to search and sort information based on multiple criteria without requiring full page reloads. The optimization process employs ReactJS features such as state management, component reusability, and virtual DOM rendering to enhance application performance and responsiveness. The research adopts a development and testing approach by comparing the performance of the search system before and after optimization, considering response time, rendering efficiency, and user interaction quality. The results indicate that the implementation of optimized search filters using ReactJS significantly improves search speed, reduces unnecessary rendering processes, and enhances overall user satisfaction. The study concludes that ReactJS provides an effective solution for building scalable and high-performance search functionalities in modern web-based information systems such as Wiki-Inf.
References
Baeza-Yates, R., & Ribeiro-Neto, B. (2011). Modern Information Retrieval: The Concepts and Technology Behind Search (2nd ed.). Harlow: Addison-Wesley.
Banks, A., & Porcello, E. (2020). Learning React: Modern Patterns for Developing React Apps (2nd ed.). Sebastopol, CA: O'Reilly Media.
Facebook. (2023). React Documentation. React Team.
Hearst, M. A. (2009). Search User Interfaces. Cambridge: Cambridge University Press.
Manning, C. D., Raghavan, P., & Schütze, H. (2008). Introduction to Information Retrieval. Cambridge: Cambridge University Press.
Nielsen, J. (2012). Usability 101: Introduction to Usability. Nielsen Norman Group.
Pressman, R. S., & Maxim, B. R. (2020). Software Engineering: A Practitioner's Approach (9th ed.). New York: McGraw-Hill Education.
Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N., & Diakopoulos, N. (2016). Designing the User Interface: Strategies for Effective Human-Computer Interaction (6th ed.). Boston: Pearson Education.
Sommerville, I. (2016). Software Engineering (10th ed.). Boston: Pearson Education Limited.
Wieruch, R. (2022). The Road to React: Your Journey to Master Plain Yet Pragmatic React.js. Self-Published.
Abras, C., Maloney-Krichmar, D., & Preece, J. (2004). User-Centered Design. In W. Bainbridge (Ed.), Encyclopedia of Human-Computer Interaction. Thousand Oaks, CA: Sage Publications.
Gamma, E., Helm, R., Johnson, R., & Vlissides, J. (1994). Design Patterns: Elements of Reusable Object-Oriented Software. Boston: Addison-Wesley.
Krug, S. (2014). Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd ed.). Berkeley, CA: New Riders.
Larman, C. (2004). Agile and Iterative Development: A Manager's Guide. Boston: Addison-Wesley Professional.
Newman, S. (2021). Building Microservices (2nd ed.). Sebastopol, CA: O'Reilly Media.
Richards, M., & Ford, N. (2020). Fundamentals of Software Architecture: An Engineering Approach. Sebastopol, CA: O'Reilly Media.
Rubin, J., & Chisnell, D. (2008). Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests (2nd ed.). Indianapolis: Wiley Publishing.
Tidwell, J., Brewer, C., & Valencia, A. (2020). Designing Interfaces: Patterns for Effective Interaction Design (3rd ed.). Sebastopol, CA: O'Reilly Media.
