react-native - Digital Marketing Journals Hong Kong

How to Add Chatbot to React Native | by Devashish Datt Mamgain | Dec, 2022

5Dec

By Devashish Datt MamgainNo Comments

ai-chatbot, best chatbot, chatbot, chatbot app, chatbot online, chatbot website, chatbots, creating chatbots, react-native, robot chat

How to Add Chatbot to React Native | by Devashish Datt Mamgain | Dec, 2022

Building a chatbot on a React Native app may have been a complicated affair in the past, but not so today, thanks to Kommunicate’s Kompose chatbot builder.In this tutorial, we are going to build a chatbot application from scratch using Kompose ( Kommunicate Chatbot) and React Native.We’ll do the integration in 2 phases:Create a Kompose chatbot and set up the answers.Add the created chatbot to your React Native.If you do not have an account in Kommunicate, you can create one here for free.Next, log in to your Kommunicate dashboard and navigate to the Bot Integration section. Locate the Kompose section and click on Integrate Bot.If you want to build a bot from scratch, select a blank template and go to the Set up your bot section. Select the name of your Bot, your bot’s Avatar, and your bot’...

How to Add Chatbot to React Native | by Devashish Datt Mamgain | Jul, 2022

28Jul

By Devashish Datt MamgainNo Comments

ai-chatbot, best chatbot, chatbot, chatbot app, chatbot online, chatbot website, chatbot-development, chatbots, creating chatbots, react-native, robot chat

How to Add Chatbot to React Native | by Devashish Datt Mamgain | Jul, 2022

Building a chatbot on a React Native app may have been a complicated affair in the past, but not so today, thanks to Kommunicate’s Kompose chatbot builder.In this tutorial, we are going to build a chatbot application from scratch using Kompose ( Kommunicate Chatbot) and React Native.We’ll do the integration in 2 phases:Create a Kompose chatbot and set up the answers.Add the created chatbot to your React JS website.Phase 1: Create a chatbot in Kompose and setup the answersIf you do not have an account in Kommunicate, you can create one here for free.Next, log in to your Kommunicate dashboard and navigate to the Bot Integration section. Locate the Kompose section and click on Integrate Bot.If you want to build a bot from scratch, select a blank template and go to the Set up your bot section....

Expo, React native… on boarding chatbot : Part one | by Rinaldo Stevenazzi | Nov, 2021

19Nov

By Rinaldo StevenazziNo Comments

best chatbot, chatbot, chatbot app, chatbot online, chatbot website, chatbots, creating chatbots, expo, react, react-native, robot chat

Expo, React native… on boarding chatbot : Part one | by Rinaldo Stevenazzi | Nov, 2021

Users and bot are both use bubbles to display messages, but both bubbles are not the same. To simulate a discussion we need to find a way to make each message display independently with a delay. ChatBot bubble need animation before show message.We need to take all this specification to build our factory.For this part we create a bubble component, user-bubble, and the factory component, bubbles-factory. Finally we display them in a screen named Chat-bot.User-bubbleIt’s a simple component that displays the message we pass in its props (data) and some styling to match the design. I added an opening animation using the native react library, animated. I used animated’s parallel method to start an array of animations, opacity and x position.const UserBubble = ({ data }) => {const positionAnim...

Expo, React native… on boarding chatbot : Part two | by Rinaldo Stevenazzi | Nov, 2021

18Nov

By Rinaldo StevenazziNo Comments

ai bot, ai chat, ai chatbot, best chatbot, chatbot, chatbot ai, chatbot app, chatbot online, chatbot website, conversation with ai, creating chatbots, expo, google chat bots, JavaScript, react, react-native, robot chat

Expo, React native… on boarding chatbot : Part two | by Rinaldo Stevenazzi | Nov, 2021

As I explained in the first part, the chatbot and the user use bubbles, but there is a big difference… this famous animation.This little animation gives life to the chat, and allows to simulate an interaction with a person and not a machine.For this animation, we will create 2 components.The first one, chat-typing which will be the animation component. A kind of animated bubble with an opening and closing animation.The second component, chat-bubble, will look like the user-bubble but with the management of the chat-typing component.At the end we will modified the chat-bot screen created in the part one, to used the chat-bubble component.Let’s take a closer look at the design.We can see 3 black circles, spaced one from the other, and with different opacity. You have to imagine this animated...