Monday, November 29Digital Marketing Journals

Tag: onboarding

Expo, React native… onboarding chatbot: Part three | by Rinaldo Stevenazzi | Nov, 2021
ai bot, ai chat, ai chatbot, best chatbot, chatbot, chatbot ai, chatbot app, chatbot online, chatbot website, conversation with ai, creating chatbots, google chat bots, robot chat

Expo, React native… onboarding chatbot: Part three | by Rinaldo Stevenazzi | Nov, 2021

In summary for the moment we have, bubbles for the chatbot and the user, animation to simulate the chatbot’s text input. We still have to link all these components together, make them communicate.React allows us to create contexts, to encapsulate a part of our components to make them communicate with each other. We will share in this context a very usefull react hook : UseReducer. This hook will allow us to manage complex state logic.Then we will modified the chatbot screen and the bubbles factory to use the state management thought his context and update the app.Let’s start by create and initialise a UseReducer.const [state, dispatch] = useReducer(ChatBotReducer, InitialChatBotState)UseReducer takes 2 arguments :a reducer function (ChatBotReducer),initial state as input (InitialChatBot...