Vývoj webových aplikací pomocí React.js a TypeScript

Petr Jiránek

Bachelor's thesis

Development of web applications using React.js and TypeScript

Abstract:

Bakalářská práce se zaměřuje na vývoj webových aplikací s využitím technologií React.js, jakožto jedné z nejpopulárnějších JavaScriptových knihoven, a programovacího jazyka TypeScript. S rostoucím významem internetu je stále důležitější nalézt efektivní způsob vytváření webových aplikací s ohledem na různé prohlížeče a zařízení. Knihovna React.js, doplněná o TypeScript, nabízí vývojářům moderní a efektivní prostředí pro vytváření interaktivních Single-page webových aplikací. První část práce se zaměřuje na představení technologie React.js a popisuje jeho základní syntaxi, vlastnosti a principy vývoje. Druhým konceptem, který je podrobně rozebrán, je programovací jazyk TypeScript. Zvyšuje typovou bezpečnost a čitelnost kódu. Dále je představeno propojení obou technologií a z něho plynoucích výhod. V neposlední řadě jsou okomentovány výhody využívání React.js pro vývoj webových aplikací v porovnání s jinými technologiemi, především hlavními konkurenty Vue.js a Angular. Druhá část práce přináší praktický případ vývoje webové aplikace pomocí React.js a TypeScriptu. Popisuje postup vytváření aplikace pomocí Vodopádového modelu se všemi jeho částmi, včetně implementace klíčových prvků. Je také upozorněno na problémy, které mohou vzniknout při vývoji. Webová aplikace bude sloužit jako Cestovatelský deník, kdy si uživatel bude moci vytvořit místa, která navštívil, mapu, kde se místo nachází, a také přidat určité pamětihodnosti, které zde stojí za návštěvu. Nebude chybět ani seznam věcí, které by si uživatel neměl zapomenout s sebou vzít. V závěru práce jsou diskutovány získané poznatky a je zhodnocena aplikace i práce jako taková. Je také posouzeno, zda byly splněny všechny cíle práce.

Abstract:

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.

Keywords

React.js, TypeScript, vývoj webových aplikací, JavaScript, knihovna, Single-page aplikace

Keywords

React.js, TypeScript, web applications development, JavaScript, library, Single-page aplication

Language used: Czech

Date on which the thesis was submitted / produced: 28. 4. 2024

Thesis defence

• Date of defence: 11. 6. 2024
• Supervisor: Ladislav Luc
• Reader: Richard Antonín Novák

Vysoká škola ekonomická v Praze

Bachelor programme:
Aplikovaná informatika