narcello / caretaker Goto Github PK

hoje eu tenho as partes de:
view(react)
db(soa e query)
state(redux)

quando eu abro uma página que precisa por exemplo da lista de departamentos eu faço:
1. no componente eu chamo a query que busca os dados no firebase
2. depois de buscar, dentro do then da query eu "seto" no redux
3. quando mudar o redux, meu componente recebe essa atualização.

Ok, funciona. Beleza.
Problemas:
1. A minha função que faz o get no banco ou cria o listener, ela própria faz dispatch no redux, ou seja, a minha função que se chama, por exemplo: getDepartments, ela na real faz o get e faz um dispatch no redux para alterar o state. Está acomplado, em TODAS minhas chamadas ao banco.

2. Eu tenho 3 telas que eu preciso da lista de departments. todas as telas quando eu entro eu "ligo o listener" do firebase, ou seja, já pego os departments, seto no redux, e se mudar algo no banco, altomaticamente muda no meu redux. Quando eu saio do componente, ou fecho ele, eu tenho que desligar o listener. Abro de novo, ligo. Fecho, desligo. E ai vai. Várias idas ao banco para buscar exatamente os mesmos dados. Isso é custo. 

SOLUÇÃO QUE PENSO:
Criar um objeto na minha aplicação que seja o meio entre a chamada da view e a query do db.
O que era assim: 

view --------call---------->queryDb
passa a ser:
view--------call------->ControladorDeQueries----------call------->queryDb

Onde nesse controlador eu tenha por exemplo: 
aciveQueries = [<querys que estao ativas>];

quando eu entrar numa tela e chamar o controlador e ele ver que essa query está ativa, eu não preciso chamar de novo.