Introduction

As described on the serialising flows, you should be able to serialise a Flow to a ConanState that suits you, and then leverage all the features of the Conan State to observe it.

We have though some mechanisms to provide you with a shortcut when observing flows

Hooks

useFlow

useFlow<AuthenticationState,AuthenticationFlow>(
        authentication$F, 
        setState, 
        (status, previousState) => ({
                ...previousState,
                current: status.name,
        })
);

This hook receives

• a flow

• the method to set the state for this component

• a function that returns the new state and that takes

  • the status information that has just been updated

  • the previous state

useFlowStatus

useFlowStatus<AuthenticationState, AuthenticationFlow,"authenticating">(
        authentication$F, 
        "authenticating", 
        setState, 
        (status, previousState) => ({
                ...previousState,
                currentUser: status[0]
         }
 ));

This hook receives

• a flow

• the name of the status to subscribe to

• the method to set the state for this component

• a function that returns the new state and that takes

  • the state information that has just been updated

  • the previous state

​