Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Iago Angelim Costa Cavalcante
Iago Angelim Costa Cavalcante

Posted on • Originally published atiagoangelimc.Medium on

Conhecendo um pouco sobre Flux!

Flux é um padrão de projetos criado pelos engenheiros do facebook, onde se tem por padrão o fluxo unidirecional dos dados (single direction data flow). Padrão esse popularmente usado no front-end das aplicações.

Aview envia ações que descrevem o que aconteceu. Astore recebe essasactions e determina quais mudanças de estado devem ocorrer. Após o estado ser atualizado, o novo estado é enviado para aview.

Todos os dados fluem através dodispatcher, que é como um hub central. As ações são fornecidas aodispatcher em um método criador de ação e, na maioria das vezes, são originadas pelas interações do usuário com asviews.

Odispatcher então invoca as devoluções de chamada que asstore registraram, enviando ações para todas asstores. Dentro das devoluções de retorno registradas, asstores_respondem a qualquer ação relevante para o estado que eles mantêm. As _stores emitem um evento de alteração para alertar asviews do controlador de que ocorreu uma alteração na camada de dados.Controller-views escutam esses eventos e recuperam dados dasstores_em um manipulador de eventos. As c_ontroller-views chamam seu próprio método setState (), causando uma re-renderização de si mesmos e todos os seus descendentes na árvore do componente.

Características

  • Fluxo único de dados;
  • Não sofre alterações em cascata;
  • Previsível;
  • Ações descritivas;
  • Lógica contida em um único ponto (store);
  • Flexível para ser usada em pequenas e grandes aplicações.

Estou me aventurando nesse novo design pattern, é um conceito novo pra mim, utilizando a implementação desse padrão para Vue, o Vuex. É bastante diferente do que eu usava de arquitetura web e vem se mostrando bem interessante, quem não conhece, recomendo ficar por dentro do assunto e entender. Abraços!

Fonte:http://facebook.github.io/flux/index.html

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Passionate about everything that involves technology, I like to contribute and help in the growth of the communities. I
  • Location
    Brazil
  • Work
    Software engineer at Truelogic
  • Joined

Trending onDEV CommunityHot

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp