Skip to content

karlapereira/frontent-architecture-modular

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

[frontent-architecture-modular]

Exemplo de arquitetura modular com flux no front-end, no módulo Arquitetura de Front-End (2022) no curso de pós-graduação Arquitetura de Software Distribuído Latu Sensu - PUC MINAS

Arquitetura

  • Modular: Arquitetura para projetos que estão sempre em evolução e crescimento, agnóstica a frameworks e aplicável todas stacks.
  • Flux:
    • Action: São coleções de métodos que são chamadas pelas nossas Views, que enviam ações para o Dispatcher contendo payloads, que serão entregues aos Stores.
    • Dispatcher: É o componente que gerencia basicamente todo o processo da nossa aplicação. O ponto central são os métodos Register e Dispatch, que são triggers de eventos entre a ação que disparou o evento e as stores registradas. Ele simplesmente recebe a Action e propaga para as stores que irá identificá-la e disparar um evento caso registrado.
    • Stores: São os locais onde ficam armazenados a lógica e estado da aplicação, que tem call-backs registrados para o Dispatcher.
    • (Controller) Views: Responsáveis por permitir que o usuário interaja com a aplicação e por mostrar a ele o estado atual dela.

image

Url: [https://facebook.github.io/flux/docs/in-depth-overview]

Releases

No releases published

Packages

No packages published