Tooling with React
Tran, Thanh Binh (2020)
Tran, Thanh Binh
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202003063117
https://urn.fi/URN:NBN:fi:amk-202003063117
Tiivistelmä
The web has been evolving dramatically in just a few decades. In addition, JavaScript technologies are changing and improving with fast pace. Among them, Angular and React are two of the fastest growing technologies in recent years. This final year project aimed for analyzing the two technologies and choosing the right toolset for develop an internal product for a real estate startup named Kodit.
The thesis introduces key concepts of React and Angular with code examples such as Component, React Hooks, Virtual DOM, Angular Command Line Interface, Angular Service, and so on. Then React and Angular comparison is made based on key characteristics and popularity. The main difference between those two is that Angular is a full-fledged framework and React is a user interface library. With the result of the comparison, the right tool has been picked by Kodit tech team.
The case product for this final year project is named Jorge, which is used by the real estate specialist team at Kodit. Jorge helps to enhance the buying process for the team by providing and analyzing opportunities available on the market. The core technology is React and Flow for type checking. Continuous Integration, Delivery, and Deployment are composed into Bitbucket pipelines, which eases the development process. Moreover, Lean Software Development methodology is used as a guideline.
Jorge is a successful product for Kodit. After using Jorge, the productivity of the specialist team is improved greatly with the result of increasing the number of bought apartments. The application is constantly modified and improved with more requested features such as search functionality and sorting method.
The thesis introduces key concepts of React and Angular with code examples such as Component, React Hooks, Virtual DOM, Angular Command Line Interface, Angular Service, and so on. Then React and Angular comparison is made based on key characteristics and popularity. The main difference between those two is that Angular is a full-fledged framework and React is a user interface library. With the result of the comparison, the right tool has been picked by Kodit tech team.
The case product for this final year project is named Jorge, which is used by the real estate specialist team at Kodit. Jorge helps to enhance the buying process for the team by providing and analyzing opportunities available on the market. The core technology is React and Flow for type checking. Continuous Integration, Delivery, and Deployment are composed into Bitbucket pipelines, which eases the development process. Moreover, Lean Software Development methodology is used as a guideline.
Jorge is a successful product for Kodit. After using Jorge, the productivity of the specialist team is improved greatly with the result of increasing the number of bought apartments. The application is constantly modified and improved with more requested features such as search functionality and sorting method.