FROM CONCEPT TO DEPLOYMENT: DESIGNING AND IMPLEMENTING A REACT JS COMPONENT LIBRARY

Abstract

This master's thesis offers a thorough examination of React JS component libraries, with a specific focus on constructing and releasing a User Interface component library. The research starts by introducing React JS, emphasizing its strengths and weaknesses concerning other JavaScript frameworks. Through a comparative analysis, the paper assesses the existing state of component libraries in React and their influence on UI/UX design. The methodology section covers the technical aspects of building a component library in ReactJS, including configuring Babel and using object proxy and module name mapper. In the results and discussion chapter, the thesis applies the methodology by implementing a UI component in a TypeScript project. The conclusion summarizes the findings of the study, discusses its limitations, and provides recommendations for future work. This thesis aims to provide a comprehensive guide to building and publishing a component library using ReactJS, which could benefit developers who are looking to use this technology. By examining existing libraries and implementing a custom library, this paper presents valuable insights and practical recommendations for developers who aim to design and implement their component libraries in React.