Enterprise Front-end
Download as PPTX, PDF0 likes67 views
The presentation by Rostyslav Siryk discusses the architecture and management of large applications, focusing on frameworks such as Angular and React, and emphasizing the importance of state management. It addresses enterprise project considerations, team structure, and the role of Docker in enterprise projects. Additionally, it covers microservices and the emerging concept of micro frontends in web development.
![7
FizzBuzz - let’s play it
N % 3 === 0 ⇒ ‘Fizz’
N % 5 === 0 ⇒ ‘Buzz’
N % 15 === 0 ⇒ ‘FizzBuzz’
N = [1...∞]](https://image.slidesharecdn.com/121220192siryk-jstechtalk-191226182212/85/Enterprise-Front-end-7-320.jpg)
Enterprise Front-end
- 1. Life of Big Apps Життя великих застосунків Presenter Rostyslav Siryk Lead Software Engineer December 2019
- 2. 2 Top topics from previous talk 1. Angular x 15 2. React x 25 3. Angular + ngrx 4. Architecture of large angular app 5. Архитектура сложных react app
- 3. 3 WHY State Management is Important?
- 4. 4 State Management in Big City Imagine - Megapolis without a traffic lights. - Traffic lights system without a defined state. City Traffic State
- 5. 5 Agenda 1. Warming up: FizzBuzz Game 2. Discussion Panel
- 7. 7 FizzBuzz - let’s play it N % 3 === 0 ⇒ ‘Fizz’ N % 5 === 0 ⇒ ‘Buzz’ N % 15 === 0 ⇒ ‘FizzBuzz’ N = [1...∞]
- 8. 8 Discussion Panel - Що таке Ентерпрайз, взагалі? - - Місце конкретного проекту в Enterprise - Як влаштована команда? - Місце Docker в Enterprise-проекті - Який State Management використовувати? - Чи потрібен RxJS? - Мікросервіси на Front-end
- 9. 9 What is Enterprise, first?
- 11. 11 Enterprise? Enterprise is “Project Management” first Subquestions: ● How enterprise is your project? ○ Is it hard and complex? ● How easy is your developer life? ○ Is it easy? ● How enterprise is Angular itself? ○ Does it make enterprise easier? Link: “Going for Enterprise App Development, Mobility Solutions, Key Points and Core Strategy — MobileAPPteligence.com”
- 15. 15 Docker Enterprise The fastest way to securely build, share and run modern applications anywhere https://www.docker.com/products/docker-enterprise ● Build multi-service container-based apps & package in a standard to share & run anywhere ● Simplify Kubernetes while increasing security and accessibility ● Automate lifecycle management for day 1 and day 2 operations ● Enhancements to end-to-end security and more
- 17. 17 State Management Options ● Akita ● NGXS ● NGRX ● RxJS - Managing State Using RxJS Subjects in Angular Applications - Simple state management in Angular with only Services and RxJS
- 20. 20 Microservices a.k.a. Microservice architecture Is an architectural style that structures an application as a collection of services that are: ● Highly maintainable and testable ● Loosely coupled ● Independently deployable ● Organized around business capabilities ● Owned by a small team It enables the rapid, frequent and reliable delivery of large, complex applications. It also enables an organization to evolve its technology stack
- 21. 21 Мікросервіси на Front-end? Micro frontends—a microservice approach to front-end web development Course: Micro Frontends Architecture