App Masters

App Masters

  • English
  • Português

›Frontend

App Masters - Core

  • Início
  • Conteúdo

Backend

  • Adonis
  • Laravel
  • Livewire
  • Sequelize

Fundamentos de Javascript

  • Javascript Assíncrono
  • Typescript

Padrões de Projeto

  • Presentational Container Design Pattern

Frontend

  • Ant Design
  • Flexbox
  • Media Queries
  • React Hook Form
  • Redux
  • Redux-Saga
  • Redux-Thunk
  • Styled Components
  • Tailwind
  • TWA
  • Yup

Testes

  • Cypress
  • Detox
  • Jest

Ferramentas

  • Docker
  • nvm
  • Storybook
  • Visual Studio Code

CMS

  • Strapi

Redux-Saga

O que é

O Redux-Saga é um middleware do Redux que permite que action creators escutem as actions além dos reducers, aplicando um modelo de "side-effects" onde uma action tem um ou vários effects. Desse modo, podemos fazer chamadas assíncronas e utilizar vários effects à partir de uma mesma action, mas precisando utilizar os effects providos pelo redux saga e padrão de action creators.

Geralmente o Redux-Saga substitui a função do Redux-Thunk, mas nada te impede de utilizar os dois ao mesmo tempo.

Como usar

Útilizar o Redux-Saga requer um conhecimento um pouco maior da arquitetura do que o Redux-Thunk, por isso recomendo seguir esse ótimo post para entender cada passo e aplicação das sagas.

Como aprender

Material útil

  • Documentação oficial

Validando o conhecimento

  • Criar projeto básico com create-react-app e fazer view simples que consegue consumir e modificar um reducer qualquer, lendo o valor do store e disparando uma action dentro de uma saga.
  • Fazer chamada em uma api dentro de uma saga e disparando action de acordo com o retorno (inclusive uma action pra lidar com o erro).

Comandos úteis

Possíveis problemas

← ReduxRedux-Thunk →
  • O que é
  • Como usar
  • Como aprender
    • Material útil
    • Validando o conhecimento
  • Comandos úteis
  • Possíveis problemas
App Masters
App masters
Content
More
BlogGitHub
Copyright © 2022 App Masters