learnreduxsaga

Stars
4
View Code on GitHub View on X
Ecosystems: JavaScript

Pesquisa sobre o Redux Saga

  • redux
    • TUDO deve ser imutável
    • dados que são gerados a partir de dados do redux devem ser gerados dentro do componente
      • monta como prop no container component e passa pro presentational
    • Selectors

  • Midleware

    • Entre as actions e os reducers
    • alterar o conteúdo entre a action e o reducer
    • pode ser assíncrona
      • request a API é o mais comum
    • ex: Pega repos do github
      • action (recebe o nome do repo)
      • middleware request pra api (ponte actions e reducers)
      • resultado vai pro reducer (recebe todos os dados do repositório)
    • thunk
    • saga
      • "easier to handle and more efficient to execute."
      • select effect fornece os dados da store atual
      • fácil de testar
      • gerencia requests assincronas como debounce
      • throttle
      • 2 requests sejam feitas ao mesmo tempo
        • garantir que as duas tão prontas para poder seguir

  • Generators: funções, percorremos parte delas sem executar a função por inteiro

function* generator() {
  yield; // para por aqui até terminar
  yield; // terminou o outro veem pra ca
}

Fluxo de criar um request de algo

  • 3 ações
    • principal (request)
      • success
      • error

========================================

Links

Organização:

Redux

Redux Saga

Redux Ducks