Overview

@use-funnel is a React Hook that simplifies the implementation of complex UI flows.

In the example on the right, you can see a UI flow where users sequentially enter their occupation, school or company, and registration date. You can also move to the previous step by going back. Implementing such a complex UI flow requires managing step-by-step states and history.

With @use-funnel, you can easily implement these mobile-friendly UI flows.

Concepts

Here are the key terms used in @use-funnel.

• step : In the example on the right, these are the occupation, school or company, and registration date input screens.
• context : In the example on the right, this refers to the values entered on each screen, such as occupation, school or company, and date.
• history : In the example on the right, this represents the complete record of the screens the user navigated through and the values entered at each step.