Side Effects: Uma Saga até o React

0 gostou144 visualizações

O documento discute o conceito de efeitos colaterais em programação, especialmente no contexto de Redux e Sagas. Paulo Pires compartilha exemplos práticos de como implementar esses padrões usando thunks e generators. Ele enfatiza a facilidade de teste e composição, além de sugerir que a educação continua nesses tópicos é valiosa.

Related topics:

The React JS Overview

Side
Effects
Uma saga até o React

Paulo Pires
Software Engineer
@caofrade

Betim - Brazil

Side
Effects?

☁
🗄
💻💾
Redux
Browser Cache
APIs Calls
database
Side Effects? 🤔

Redux
THUNKS

Exemplo de Thunk

Se isso é OK
PRA VOCÊ
PARE

SAGAS

Side Effects: Uma Saga até o React

Generators*

Exemplo de Generator

Saga Helpers

Helpers

Declaratives
Effects

Saga async task

Saga async launch

Dispatching
actions

Dispatching a action

Muito Fácil de
Testar

Muito Fácil de
Compor

Composing

E muita coisa
BACANA
PRA VOCÊ
APRENDER

Fatiga
JS
não existe

Até a próxima, pessoal!

Anúncio

Recomendados

PDF

[Curso Java Basico] Aula 02: Instalar Java Windows 10

PDF

Curso Java Básico Aula 01: Introdução e Dicas para quem está Começando

PDF

[Curso Java Básico] Aula 02: Instalando o Java no Windows (Windows XP, Window...

PDF

[Curso Java Básico] Aula 07: Entendendo os Erros

PDF

TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...

PDF

Kanban

Nícolas Iensen

PDF

Testes automatizados com Cypress

COTIC-PROEG (UFPA)

PDF

Quer ser um Full-Stack Developer? Essas são algumas "coisinhas" que você prec...

PDF

We Work Remotely!

PDF

The evolution of redux action creators

George Bukhanov

PDF

Dumb and smart components + redux (1)

PPTX

The redux saga begins

PDF

Angular 2

PDF

Asyc flow control with javascript generators - redux-saga

PDF

MobX: State Management made easy

PDF

UX Jam x UX Sketch 2017 HD

PDF

GraphQL 101

PDF

NodeBR, um ano memoravel!

PDF

JS Mad Science

PDF

Node.js and Google Cloud

PDF

Go e MongoDB

PDF

Como Fazer Apps Node.Js Seguras

PDF

ES6

PDF

Node não é filme de Terror

PDF

A vida além do jQuery

PDF

Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...

PDF

Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express

Rogério Nogueira (RogNog)

PDF

Termos utilizados na designação de relação entre pessoa e uma obra.pdf

PPTX

Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...

PDF

20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...

Mais conteúdo relacionado

PDF

[Curso Java Basico] Aula 02: Instalar Java Windows 10

PDF

Curso Java Básico Aula 01: Introdução e Dicas para quem está Começando

PDF

[Curso Java Básico] Aula 02: Instalando o Java no Windows (Windows XP, Window...

PDF

[Curso Java Básico] Aula 07: Entendendo os Erros

PDF

TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...

PDF

Kanban

Nícolas Iensen

PDF

Testes automatizados com Cypress

COTIC-PROEG (UFPA)

PDF

Quer ser um Full-Stack Developer? Essas são algumas "coisinhas" que você prec...

[Curso Java Basico] Aula 02: Instalar Java Windows 10

Curso Java Básico Aula 01: Introdução e Dicas para quem está Começando

[Curso Java Básico] Aula 02: Instalando o Java no Windows (Windows XP, Window...

[Curso Java Básico] Aula 07: Entendendo os Erros

TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...

Kanban

Nícolas Iensen

Testes automatizados com Cypress

COTIC-PROEG (UFPA)

Quer ser um Full-Stack Developer? Essas são algumas "coisinhas" que você prec...

Destaque (8)

PDF

We Work Remotely!

PDF

The evolution of redux action creators

George Bukhanov

PDF

Dumb and smart components + redux (1)

PPTX

The redux saga begins

PDF

Angular 2

PDF

Asyc flow control with javascript generators - redux-saga

PDF

MobX: State Management made easy

PDF

UX Jam x UX Sketch 2017 HD

We Work Remotely!

The evolution of redux action creators

George Bukhanov

Dumb and smart components + redux (1)

The redux saga begins

Angular 2

Asyc flow control with javascript generators - redux-saga

MobX: State Management made easy

UX Jam x UX Sketch 2017 HD

Anúncio

Mais de Paulo Pires (9)

PDF

GraphQL 101

PDF

NodeBR, um ano memoravel!

PDF

JS Mad Science

PDF

Node.js and Google Cloud

PDF

Go e MongoDB

PDF

Como Fazer Apps Node.Js Seguras

PDF

ES6

PDF

Node não é filme de Terror

PDF

A vida além do jQuery

GraphQL 101

NodeBR, um ano memoravel!

JS Mad Science

Node.js and Google Cloud

Go e MongoDB

Como Fazer Apps Node.Js Seguras

ES6

Node não é filme de Terror

A vida além do jQuery

Anúncio

Último (16)

PDF

Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...

PDF

Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express

Rogério Nogueira (RogNog)

PDF

Termos utilizados na designação de relação entre pessoa e uma obra.pdf

PPTX

Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...

PDF

20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...

PPTX

Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...

PDF

COBITxITIL-Entenda as diferença em uso governança TI

PDF

Otimizador de planejamento e execução no SAP Transportation Management, TM120...

PPTX

Arquitetura de computadores - Memórias Secundárias

PDF

Processos na gestão de transportes, TM100 Col18

PDF

Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14

PPTX

Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx

PPTX

Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx

PDF

Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26

PDF

Custos e liquidação no SAP Transportation Management, TM130 Col18

PDF

Gestão de transportes básica no SAP S/4HANA, S4611 Col20

Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...

Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express

Rogério Nogueira (RogNog)

Termos utilizados na designação de relação entre pessoa e uma obra.pdf

Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...

20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...

Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...

COBITxITIL-Entenda as diferença em uso governança TI

Otimizador de planejamento e execução no SAP Transportation Management, TM120...

Arquitetura de computadores - Memórias Secundárias

Processos na gestão de transportes, TM100 Col18

Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14

Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx

Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx

Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26

Custos e liquidação no SAP Transportation Management, TM130 Col18

Gestão de transportes básica no SAP S/4HANA, S4611 Col20

Side Effects: Uma Saga até o React

1. Side Effects Uma saga até o React

2. Paulo Pires Software Engineer @caofrade

3. Betim - Brazil

4. Side Effects?

5. ☁ 🗄 💻💾 Redux Browser Cache APIs Calls database Side Effects? 🤔

6. Redux THUNKS

7. Exemplo de Thunk

8. Se isso é OK PRA VOCÊ PARE

11. Generators*

12. Exemplo de Generator

13. Saga Helpers

15. Declaratives Effects

16. Saga async task

17. Saga async launch

18. Dispatching actions

19. Dispatching a action

20. Muito Fácil de Testar

21. Muito Fácil de Compor

23. E muita coisa BACANA PRA VOCÊ APRENDER

24. Fatiga JS não existe

25. Até a próxima, pessoal!