{"id":6358,"date":"2019-04-16T06:10:56","date_gmt":"2019-04-16T00:40:56","guid":{"rendered":"https:\/\/www.botreetechnologies.com\/blog\/?p=6358"},"modified":"2021-08-06T18:07:01","modified_gmt":"2021-08-06T12:37:01","slug":"how-to-build-a-chatbot-in-react-native-using-react-native-chatbot","status":"publish","type":"post","link":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/","title":{"rendered":"How to build a Chatbot in React Native using React Native Chatbot?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">What is a Chatbot?<\/h2>\n\n\n\n<p>The chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Chatbots are important because it has a unique way of interaction with the end-user and it enhances the user experience as well as response time.<\/li><li>Chatbot services are used in industries like <a href=\"https:\/\/www.botreetechnologies.com\/healthcare-app-development\" target=\"_blank\" rel=\"noreferrer noopener\">Health Insurance<\/a>, <a href=\"https:\/\/www.botreetechnologies.com\/ecommerce-app-development\" target=\"_blank\" rel=\"noreferrer noopener\">Ecommerce<\/a>, <a href=\"https:\/\/www.botreetechnologies.com\/real-estate-app-development\" target=\"_blank\" rel=\"noreferrer noopener\">Real Estate<\/a>, etc to improve customer engagement and operational efficiency by reducing the typical cost of customer service.<\/li><li>To be successful, a <a href=\"https:\/\/www.botreetechnologies.com\/chatbot-development\" target=\"_blank\" rel=\"noreferrer noopener\">chatbot solution<\/a> should be able to effectively perform both of these tasks. Human support plays a key role here: Regardless of the kind of approach and the platform, human intervention is crucial in configuring, training and optimizing the chatbot system. Therefore, most chatbot developers now focus on builing human-like conversational bots.<\/li><\/ul>\n\n\n\n<p>We built a Chatbot for one of our customers as a mobile app to perform a set of processes in an interactive way. Integrating a chatbot in React Native apps follows a comprehensive process.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Read Also:\u00a0<a href=\"https:\/\/www.botreetechnologies.com\/blog\/11-tips-and-tricks-to-make-humans-love-your-chatbots\" target=\"_blank\" rel=\"noreferrer noopener\">13 Most Powerful Chatbot Platforms You Should Know<\/a><\/strong><\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"292\" src=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/chatbot-banner-768x292-12.png\" alt=\"Download chatbot development guide\" class=\"wp-image-14310\" srcset=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/chatbot-banner-768x292-12.png 768w, https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/chatbot-banner-768x292-12-300x114.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Basic Features Supported By React Native Chatbot<\/h2>\n\n\n\n<p>Chatbot apps built with React Native have the following features:\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Create simple conversational chatbot by defining workflow &#8211; It allows to define all the steps with a native JSON object.<\/li><li>Change the styling of the chat.<\/li><li>A step could be one of the following, <ul><li>User step &#8211; Where user will type in and send a message, here the bot waits for the user to respond before pushing the next message.<\/li><li>Options step &#8211; Where we can simply show multiple options to choose from and based on the choice user made, the bot will perform the next step.<\/li><li>Custom step &#8211; Where we can actually render our own <a href=\"https:\/\/www.botreetechnologies.com\/react-native-development\" target=\"_blank\" rel=\"noreferrer noopener\">React<\/a>.<\/li><li>Update step &#8211; Where we can define which step to be updated when the user takes action on the current step. <\/li><\/ul><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Setup Chatbot in React Native App<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Install the <a href=\"https:\/\/github.com\/LucasBassetti\/react-native-chatbot\" target=\"_blank\" rel=\"noopener noreferrer\">react-native-chatbot<\/a> library<\/li><li>Follow all the instructions to configure the chatbot in lib.<\/li><\/ul>\n\n\n\n<p>ChatBot has one prop called \u2018steps\u2019 in which we have to pass the flow of the conversation built using the React Native platform.<\/p>\n\n\n<p>Code snippet<\/p>\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/4321ccb5c93899adcfb66ba78dc0abc0.js\"><\/script><\/p>\n\n\n<h3 class=\"wp-block-heading\">Customizations Needed<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Capture Image using the camera and send it as a chat message.<\/li><li>Allow the end user to search for the places using Google maps API.<\/li><li>Render our own component in response to user\u2019s input on a specific step, showing scrollable list based on the data received in API response.<\/li><li>On selection, send message from custom component as a user response.<\/li><\/ul>\n\n\n\n<p>To solve the above challenges in chatbot app development solutions, we have to fork the repo and make changes as per our requirements and use the forked URL,<\/p>\n\n\n\n<p>\u201creact-native-Chabot\u201d: \u201cgit+<a href=\"https:\/\/git@github.com\/BoTreeConsultingTeam\/react-native-chatbot.git\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/git@github.com\/BoTreeConsultingTeam\/react-native-chatbot.git<\/a>&#8220;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Read Also:\u00a0<a href=\"https:\/\/www.botreetechnologies.com\/blog\/11-tips-and-tricks-to-make-humans-love-your-chatbots\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook Chatbot Case Study for Restaurant Order Management<\/a><\/strong><\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Capture Image using the Camera and send it as a Chat Message<\/strong><\/h3>\n\n\n\n<p>Let\u2019s see how we achieved this using a hybrid framework like React Native.<\/p>\n\n\n\n<p>Chatbot has one feature called \u201ccustom component\u201d, instead of displaying text we can also render a custom component using the \u201ccomponent\u201d attribute into our steps JSON object. React Native apps that have a chatbot can easily integrate this.<\/p>\n\n\n\n<p>To achieve that,<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Install `react-native-image-picker` into your project.<\/li><li>Create one component called `captureImage.js` which will capture the image and upload it to the S3.<\/li><li>Change your steps in which you want to add component an attribute into it.<\/li><li>You can also give the extra data into the metadata attribute.<\/li><\/ul>\n\n\n\n<p><code>const steps = [{<\/code><\/p>\n\n\n\n<p><code>id: \u2018image-upload\u2019,<\/code><\/p>\n\n\n\n<p><code>component: &lt;CaptureImage nextTrigger=\u2019show-message\u2019\/&gt;,<\/code><\/p>\n\n\n\n<p><code>metadata: { dataType: \u2018image-url\u2019 }<\/code><\/p>\n\n\n\n<p><code>}]<\/code><\/p>\n\n\n\n<p>Code snippet<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/72ad59fbf16a8a629493c5d4122c6cad.js\"><\/script><\/p>\n\n\n<p>That\u2019s it, it will show the image into the chat screen after capturing.<\/p>\n\n\n\n<p>Also, the same way you can create a custom component for Google Places API, but you have to manually trigger the next step via `triggerNextStep`.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"1024\" src=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/shailesh-prajapati-chatbot-512x1024.gif\" alt=\"Chatbot gif\" class=\"wp-image-12907\" srcset=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/shailesh-prajapati-chatbot-512x1024.gif 512w, https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/shailesh-prajapati-chatbot-150x300.gif 150w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\"><strong><a href=\"https:\/\/www.botreetechnologies.com\/case-studies\/facebook-chatbot\">Checkou<\/a><\/strong><a href=\"https:\/\/www.botreetechnologies.com\/case-studies\/facebook-chatbot\"><strong>t<\/strong><\/a><strong><a href=\"https:\/\/www.botreetechnologies.com\/case-studies\/facebook-chatbot\" target=\"_blank\" rel=\"noreferrer noopener\"> FACEBOOK CHATBOT CASE STUDY<\/a><\/strong><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.botreetechnologies.com\/case-studies\/facebook-chatbot\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"360\" src=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/facebook-chatbot-casestudy.png\" alt=\"explore more about facebook chatbot case study\" class=\"wp-image-12908\" srcset=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/facebook-chatbot-casestudy.png 1024w, https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/facebook-chatbot-casestudy-300x105.png 300w, https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/facebook-chatbot-casestudy-768x270.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.botreetechnologies.com\/contact\" target=\"_blank\" rel=\"noreferrer noopener\">Consulting is free<\/a>&nbsp;\u2013 let us help you grow!<\/h3>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is a Chatbot? The chatbot is needed to simplify&#8230;<\/p>\n","protected":false},"author":19,"featured_media":12904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,72,10],"tags":[],"class_list":["post-6358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chatbot","category-react-native","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to build a chatbot in React Native using react-native-chatbot?<\/title>\n<meta name=\"description\" content=\"Chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to build a chatbot in React Native using react-native-chatbot?\" \/>\n<meta property=\"og:description\" content=\"Chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/\" \/>\n<meta property=\"og:site_name\" content=\"BoTree Technologies\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BoTreeTechnologies\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-16T00:40:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-06T12:37:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Shailesh Prajapati\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@BoTreeTech\" \/>\n<meta name=\"twitter:site\" content=\"@BoTreeTech\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shailesh Prajapati\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/\"},\"author\":{\"name\":\"Shailesh Prajapati\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\"},\"headline\":\"How to build a Chatbot in React Native using React Native Chatbot?\",\"datePublished\":\"2019-04-16T00:40:56+00:00\",\"dateModified\":\"2021-08-06T12:37:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/\"},\"wordCount\":657,\"commentCount\":7,\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg\",\"articleSection\":[\"Chatbot Development Blogs\",\"React Native\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/\",\"name\":\"How to build a chatbot in React Native using react-native-chatbot?\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg\",\"datePublished\":\"2019-04-16T00:40:56+00:00\",\"dateModified\":\"2021-08-06T12:37:01+00:00\",\"author\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\"},\"description\":\"Chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg\",\"width\":1920,\"height\":1280,\"caption\":\"react native chatbot example\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.botreetechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to build a Chatbot in React Native using React Native Chatbot?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/\",\"name\":\"BoTree Technologies\",\"description\":\"Committed to inspire generation.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.botreetechnologies.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\",\"name\":\"Shailesh Prajapati\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png\",\"caption\":\"Shailesh Prajapati\"},\"description\":\"Shailesh is a React JS and Ruby on Rails Developer. He loves Ruby, JavaScript, TypeScript, reading and writing blogs, problem-solving and taking ownership of work. Apart from coding, he likes to listen to songs, gyming, playing cricket and traveling.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to build a chatbot in React Native using react-native-chatbot?","description":"Chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/","og_locale":"en_US","og_type":"article","og_title":"How to build a chatbot in React Native using react-native-chatbot?","og_description":"Chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.","og_url":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/","og_site_name":"BoTree Technologies","article_publisher":"https:\/\/www.facebook.com\/BoTreeTechnologies\/","article_published_time":"2019-04-16T00:40:56+00:00","article_modified_time":"2021-08-06T12:37:01+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg","type":"image\/jpeg"}],"author":"Shailesh Prajapati","twitter_card":"summary_large_image","twitter_creator":"@BoTreeTech","twitter_site":"@BoTreeTech","twitter_misc":{"Written by":"Shailesh Prajapati","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#article","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/"},"author":{"name":"Shailesh Prajapati","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d"},"headline":"How to build a Chatbot in React Native using React Native Chatbot?","datePublished":"2019-04-16T00:40:56+00:00","dateModified":"2021-08-06T12:37:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/"},"wordCount":657,"commentCount":7,"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg","articleSection":["Chatbot Development Blogs","React Native","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/","url":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/","name":"How to build a chatbot in React Native using react-native-chatbot?","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage"},"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg","datePublished":"2019-04-16T00:40:56+00:00","dateModified":"2021-08-06T12:37:01+00:00","author":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d"},"description":"Chatbot is needed to simplify the interaction between the humans and the device with predefined steps. Chatbots or Virtual Assistants are currently one of the most popular technologies.","breadcrumb":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#primaryimage","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2019\/04\/react-native-chatbot.jpg","width":1920,"height":1280,"caption":"react native chatbot example"},{"@type":"BreadcrumbList","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.botreetechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to build a Chatbot in React Native using React Native Chatbot?"}]},{"@type":"WebSite","@id":"https:\/\/www.botreetechnologies.com\/blog\/#website","url":"https:\/\/www.botreetechnologies.com\/blog\/","name":"BoTree Technologies","description":"Committed to inspire generation.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.botreetechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d","name":"Shailesh Prajapati","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png","caption":"Shailesh Prajapati"},"description":"Shailesh is a React JS and Ruby on Rails Developer. He loves Ruby, JavaScript, TypeScript, reading and writing blogs, problem-solving and taking ownership of work. Apart from coding, he likes to listen to songs, gyming, playing cricket and traveling."}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/6358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=6358"}],"version-history":[{"count":5,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/6358\/revisions"}],"predecessor-version":[{"id":16071,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/6358\/revisions\/16071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media\/12904"}],"wp:attachment":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=6358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=6358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=6358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}