Development of web applications using React.js and TypeScript

The bachelor thesis focuses on developing web applications with React.js, one of the most popular JavaScript libraries, and TypeScript technologies. With the growing importance of the internet, finding an efficient way, how to create web applications considering various browsers and devices, is becoming more critical. Library React.js, complemented by TypeScript, provides developers with a modern and effective environment for creating interactive Single-page web applications. The first part of the thesis focuses on introducing React.js technology and describes its fundamental syntax, features, and development principles. Furthermore, it explores the programming language TypeScript used for enhancing type security and code readability. The integration of React.js with TypeScript with its advantages is also presented. The advantages of using React.js for web development are discussed compared to other technologies, particularly its main competitors, Vue.js and Angular. The second part of the thesis presents a practical case study of developing a web application using React.js and TypeScript. It outlines the process of creating the application using a Waterfall model with all its parts, including implementing key features, and notifying problems that may arise during development. The web application serves as a Traveler’s journal, allowing users to create places they have visited, a map indicating their locations, and add particular landmarks worth visiting. Additionally, there is a checklist of things not to forget when traveling. In the conclusion, the thesis discusses the findings and evaluates the application and the work itself. It is also judged whether the goals of the work were accomplished.