Evitar de conectar todos os componentes a Store

[leandrooriente]

Recomendo que veja os vídeos de Redux do Abramov no Egghead. Ele passa num momento por Dumb components vs Smart components.

Basicamente ele diz que você deve evitar de conectar todos os componentes a store. No seu caso você possui um componente raiz o FinanceApp que já possui todos os dados da store.

Idealmente você passaria apenas o necessário para os componentes que ele importa via props ele seria sua single source of true. Isso evita que seus componentes passem pelo lifecycle do React sem necessidade quando uma prop não utilizada é alterada na store e torna o código menos propenso a erros.

[felipegalvao]

Fala Leandro!

Dei uma pesquisada sobre e parece que essa era uma recomendação inicial na documentação do Redux, mas que o próprio Abramov já mudou de ideia. Dá uma olhada nesses links:

http://redux.js.org/docs/faq/ReactRedux.html#react-multiple-components
reduxjs/redux#966
reduxjs/redux#419

Agora, o que se diz é que é um caso de preferência.

Dito isso, imagino que essa divisão de Presentational e Container que ele recomenda ainda pode ser melhorada no caso do meu projeto.

Valeu!

[leandrooriente]

Sim, sim.

Em projetos maiores você acaba criando containers específicos quando tem uma hierarquia grande de componentes. Não faz sentido ter um componente alto nível recebendo um dado do estado para passar cinco níveis abaixo para outro.

Só que no caso desse app em específico, um único componente conectado teria resolvido bem já que existe apenas um nível na hierarquia. Isso a nível de clareza mesmo, não que tenha impacto direto em performance.

[felipegalvao]

Entendi cara. Fez sentido.

Obrigado pelos esclarecimentos, valeu!

Abraços