front.js

// use case: Retrieve user Quonto information

/* Quonto service layer: */
/* This layer does HTTP calls to our APIs */
connectToQuonto = () => Promise<Token | Error>
readUserInformation = (token) => Promise<User | Error>
    
/* Use case layer: */
/* Handle domain logic */
retrieveUserQuontoInformation = async (onSuccess, onError) => {
    try {
        const token = await connectToQuonto()
        const data = await readUserInformation(token)
        onSuccess(data)
    } catch(error) {
        const errorType = errorCode
        onError(errorType, errorDescription)
    }
}

/* Container (view) layer */
const QuontoContainer = () => {
    const [data, setData] = useState<User | null>(null)
    const handleError = (errorType, errorDescription) => {
        switch(errorType) {
            case "globalError":
                return toast.error(errorDescription)
            // ...
        }
    }
    useEffect(() => {
        retrieveUserQuontoInformation(setData, handleError)
    }, [])
    return (
        <QuontonDumbComponent {...data} />
    )
}