25.11.2024

Aula 137: Programação Reativa Funcional

A Programação Reativa Funcional (PRF) é um paradigma de programação para trabalhar com fluxos de dados e a propagação de mudanças. A PRF combina os benefícios da programação funcional com a programação reativa e permite que os desenvolvedores expressem sistemas dinâmicos de uma maneira mais declarativa. No desenvolvimento para iOS, a PRF pode simplificar o tratamento de eventos e o fluxo de dados por um aplicativo.

Nesta aula, vamos explorar os conceitos básicos da PRF, utilizando um framework popular chamado Combine, que faz parte do ecossistema da Apple. Vamos criar um aplicativo simples que responde à entrada do usuário de maneira reativa.

Introdução ao Combine

Combine é uma API declarativa em Swift para processar valores ao longo do tempo. Ele permite que você defina um pipeline que reage a mudanças, temporizadores, entradas de usuário e outras fontes de dados observáveis.

Conceitos Chave

1. Publicador: Um tipo que emite uma sequência de valores ao longo do tempo.
2. Assinante: Um tipo que recebe e processa os valores emitidos por um publicador.
3. Operador: Um método que transforma os valores emitidos por um publicador antes que eles cheguem ao assinante.

Exemplo: Ligação de Campo de Texto Simples

Vamos criar um aplicativo simples com um campo de texto que exibe o tamanho do texto inserido.

Passo 1: Configurando o Projeto

Comece criando um novo projeto SwiftUI no Xcode. Uma vez que seu projeto esteja configurado, podemos implementar os conceitos de PRF usando Combine.

Passo 2: Importar Combine

No topo do seu arquivo ContentView.swift, tenha certeza de importar Combine junto com SwiftUI.

import SwiftUI
import Combine

Passo 3: Criar um ViewModel

O ViewModel irá gerenciar a ligação entre o campo de texto e o texto exibido.

class ViewModel: ObservableObject {
    @Published var inputText: String = ""
    @Published var textLength: Int = 0

    private var cancellables = Set<AnyCancellable>()

    init() {
        bindingInputText()
    }

    private func bindingInputText() {
        $inputText
            .map { $0.count }
            .assign(to: \.textLength, on: self)
            .store(in: &cancellables)
    }
}

Passo 4: Criar a Interface do Usuário

Agora, vamos criar a interface do usuário na sua view SwiftUI.

struct ContentView: View {
    @StateObject private var viewModel = ViewModel()

    var body: some View {
        VStack {
            TextField("Digite o texto", text: $viewModel.inputText)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()

            Text("Tamanho: \(viewModel.textLength)")
                .font(.largeTitle)
                .padding()
        }
        .padding()
    }
}

Passo 5: Executar o App

Agora, se você executar o aplicativo, deverá ver um campo de texto. À medida que você digita no campo, o comprimento do texto exibido será atualizado automaticamente, sem qualquer manipulação manual de eventos. Essa é a beleza da PRF e do Combine.

Conclusão

Nesta aula, demonstramos como utilizar a Programação Reativa Funcional com Combine em um projeto SwiftUI. Criamos uma ligação simples de campo de texto que responde reativamente à entrada do usuário.

A Programação Reativa Funcional pode simplificar bastante o gerenciamento de estado e eventos em seus aplicativos, resultando em um código mais limpo e mais fácil de manter.

Continue explorando os operadores e recursos adicionais do Combine para desbloquear padrões reativos ainda mais poderosos em seus aplicativos. Boas programações!

Video

Navigation