{"id":3611,"date":"2018-06-04T04:41:50","date_gmt":"2018-06-04T04:41:50","guid":{"rendered":"https:\/\/www.botreetechnologies.com\/blog\/?p=3611"},"modified":"2020-12-01T19:00:00","modified_gmt":"2020-12-01T13:30:00","slug":"integrate-redux-form-in-your-react-app-part-1","status":"publish","type":"post","link":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/","title":{"rendered":"Integrate Redux Form in your React App &#8211; Part 1"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">What is Redux-form?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Redux Form works with React Redux to enable an html form in React to use Redux to store all of its state.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><a href=\"https:\/\/github.com\/erikras\/redux-form\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>erikras\/redux-form<\/b><br><i>redux-form &#8211; A Higher Order Component using react-redux to keep form state in a Redux store<\/i> github.com<\/a><\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><i>redux-form<\/i> removes the headache to manage each input state individually in component, reduce total lines of code as well. so let&#8217;s start.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>React and HOC (Higher Order Components)<\/li><li>Redux<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Let&#8217;s start with create-react-app.<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>create-react-app react-redux-form<\/code><\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Install <i>redux<\/i>, <i>redux-form<\/i> packages.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>npm install --save redux-form redux<\/code><\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230; and start <i>npm<\/i> server.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>npm start<\/code><\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">create <i>src\/store.js<\/i> as follow:<br><script src=\"https:\/\/gist.github.com\/santosh-btc\/7089f2843ec5dca39f0ca86b54a4ff08.js\"><\/script><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In above code you can see <b><i>reduxFormReducer<\/i><\/b>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>reduxFormReducer is function that tells how to update the Redux store based on changes coming from the application; those changes are described by Redux actions.<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Now create a simple form using <i>redux-form<\/i> as follows. This is a simple demonstration of how to connect all the standard HTML form elements to <i>redux-form<\/i>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">create <i>src\/SimpleForm.js<\/i> as follow:<br><script src=\"https:\/\/gist.github.com\/santosh-btc\/52a2833de41567d6604ed34edda897b4.js\"><\/script><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the above code, you can see we use <i>&lt;Field\/&gt;<\/i> component from <i>redux-form<\/i>. The <i>&lt;Field\/&gt;<\/i> component connects each input to the store. It creates an HTML <i>&lt;input\/&gt;<\/i> element of type given type (text, select, etc&#8230;). It also passes additional props such as <i>value<\/i>, <i>onChange<\/i>, <i>onBlur,<\/i> etc. Those are used to track and maintain the input state under the hood.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Other one is <i>reduxForm()<\/i> which is a Higher Order Component (HOC), that takes configuration object and returns a new function; use it to wrap your form component and bind user interaction to dispatch of Redux actions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So as a summary, We have a form component (<i>SimpleForm.js<\/i>) wrapped with <i>reduxForm()<\/i> There is one text input inside, wrapped with <i>&lt;Field\/&gt;<\/i>. The data flows like this:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>User clicks on the input,<\/li><li>&#8220;Focus action&#8221; is dispatched,<\/li><li>formReducer updates the corresponding state slice,<\/li><li>The state is then passed back to the input.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Same goes for any other interaction like filling the input, changing its state or submitting the form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">create <i>src\/showResults.js<\/i> to view data when form is submitted.<br><script src=\"https:\/\/gist.github.com\/santosh-btc\/4ad769a28bb10fd7313e85274c3a1e35.js\"><\/script><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now edit src\/App.js as follow:<br><script src=\"https:\/\/gist.github.com\/santosh-btc\/987a58e5df22594659a67f9f59297f60.js\"><\/script><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it. we have integrated redux-form in our react-app successfully&#8230;!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"424\" src=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/redux-form-after-submit.png\" alt=\"redux-form after submit\" class=\"wp-image-12935\" srcset=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/redux-form-after-submit.png 800w, https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/redux-form-after-submit-300x159.png 300w, https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/redux-form-after-submit-768x407.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<h6 class=\"has-text-align-center wp-block-heading\">redux-form after submit<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">You can find the whole source code <a href=\"https:\/\/github.com\/santosh-btc\/react-with-redux-form\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With <i>redux-form<\/i> comes a lot more: hooks for validation and formatting handlers, various properties and action creators. we will learn about that in next part, till then enjoy coding&#8230;!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">References.<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/redux-form.com\/7.3.0\/docs\/gettingstarted.md\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/redux-form.com\/7.3.0\/docs\/gettingstarted.md\/<\/a><\/li><li><a href=\"https:\/\/codebrahma.com\/form-libraries-in-react\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/codebrahma.com\/form-libraries-in-react\/<\/a><\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">At <a href=\"https:\/\/www.botreetechnologies.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>BoTree<\/b><\/a>, we build <a href=\"https:\/\/www.botreetechnologies.com\/ruby-on-rails\" target=\"_blank\" rel=\"noopener noreferrer\">web<\/a> and mobile applications to add value to our client&#8217;s business. We align ourselves to ensure that our client benefits the most out of our engagement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We work in Ruby on Rails, Python, Java, React, Android and iOS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><i><a href=\"https:\/\/www.botreetechnologies.com\/contact\" target=\"_blank\" rel=\"noopener noreferrer\">Drop us a line<\/a> to discuss how can we help take your business to the next level.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Redux-form? Redux Form works with React Redux to&#8230;<\/p>\n","protected":false},"author":7,"featured_media":12934,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72,10],"tags":[],"class_list":["post-3611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Integrate Redux Form in your React App - Part 1<\/title>\n<meta name=\"description\" content=\"What is Redux form? Redux Form works with React Redux to enable an html form in React to use Redux to store all of its state. Let&#039;s Talk About That!\" \/>\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\/integrate-redux-form-in-your-react-app-part-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrate Redux Form in your React App - Part 1\" \/>\n<meta property=\"og:description\" content=\"What is Redux form? Redux Form works with React Redux to enable an html form in React to use Redux to store all of its state. Let&#039;s Talk About That!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/\" \/>\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=\"2018-06-04T04:41:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-01T13:30:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.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=\"Shardul Bhatt\" \/>\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=\"Shardul Bhatt\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/\"},\"author\":{\"name\":\"Shardul Bhatt\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/101411d1d5b152c35ea87f092ce11f0e\"},\"headline\":\"Integrate Redux Form in your React App &#8211; Part 1\",\"datePublished\":\"2018-06-04T04:41:50+00:00\",\"dateModified\":\"2020-12-01T13:30:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/\"},\"wordCount\":479,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg\",\"articleSection\":[\"React Native\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/\",\"name\":\"Integrate Redux Form in your React App - Part 1\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg\",\"datePublished\":\"2018-06-04T04:41:50+00:00\",\"dateModified\":\"2020-12-01T13:30:00+00:00\",\"author\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/101411d1d5b152c35ea87f092ce11f0e\"},\"description\":\"What is Redux form? Redux Form works with React Redux to enable an html form in React to use Redux to store all of its state. Let's Talk About That!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg\",\"width\":1920,\"height\":1280,\"caption\":\"Integrate Redux Form in your React App\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.botreetechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrate Redux Form in your React App &#8211; Part 1\"}]},{\"@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\/101411d1d5b152c35ea87f092ce11f0e\",\"name\":\"Shardul Bhatt\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shardul-bhatt-150x150.png\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shardul-bhatt-150x150.png\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shardul-bhatt-150x150.png\",\"caption\":\"Shardul Bhatt\"},\"description\":\"Shardul strongly believes that the potential to surpass expectations is inherent to each individual. He is committed to helping each and every member at BoTree achieve their dreams and get the most out of their lives. He has a strong technical background and has been in the industry since 2002. He is building BoTree since 2012. He loves to read, exchange ideas and travel.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integrate Redux Form in your React App - Part 1","description":"What is Redux form? Redux Form works with React Redux to enable an html form in React to use Redux to store all of its state. Let's Talk About That!","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\/integrate-redux-form-in-your-react-app-part-1\/","og_locale":"en_US","og_type":"article","og_title":"Integrate Redux Form in your React App - Part 1","og_description":"What is Redux form? Redux Form works with React Redux to enable an html form in React to use Redux to store all of its state. Let's Talk About That!","og_url":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/","og_site_name":"BoTree Technologies","article_publisher":"https:\/\/www.facebook.com\/BoTreeTechnologies\/","article_published_time":"2018-06-04T04:41:50+00:00","article_modified_time":"2020-12-01T13:30:00+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg","type":"image\/jpeg"}],"author":"Shardul Bhatt","twitter_card":"summary_large_image","twitter_creator":"@BoTreeTech","twitter_site":"@BoTreeTech","twitter_misc":{"Written by":"Shardul Bhatt","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#article","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/"},"author":{"name":"Shardul Bhatt","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/101411d1d5b152c35ea87f092ce11f0e"},"headline":"Integrate Redux Form in your React App &#8211; Part 1","datePublished":"2018-06-04T04:41:50+00:00","dateModified":"2020-12-01T13:30:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/"},"wordCount":479,"commentCount":0,"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg","articleSection":["React Native","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/","url":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/","name":"Integrate Redux Form in your React App - Part 1","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage"},"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg","datePublished":"2018-06-04T04:41:50+00:00","dateModified":"2020-12-01T13:30:00+00:00","author":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/101411d1d5b152c35ea87f092ce11f0e"},"description":"What is Redux form? Redux Form works with React Redux to enable an html form in React to use Redux to store all of its state. Let's Talk About That!","breadcrumb":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#primaryimage","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/Integrate-redux-form.jpg","width":1920,"height":1280,"caption":"Integrate Redux Form in your React App"},{"@type":"BreadcrumbList","@id":"https:\/\/www.botreetechnologies.com\/blog\/integrate-redux-form-in-your-react-app-part-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.botreetechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Integrate Redux Form in your React App &#8211; Part 1"}]},{"@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\/101411d1d5b152c35ea87f092ce11f0e","name":"Shardul Bhatt","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shardul-bhatt-150x150.png","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shardul-bhatt-150x150.png","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shardul-bhatt-150x150.png","caption":"Shardul Bhatt"},"description":"Shardul strongly believes that the potential to surpass expectations is inherent to each individual. He is committed to helping each and every member at BoTree achieve their dreams and get the most out of their lives. He has a strong technical background and has been in the industry since 2002. He is building BoTree since 2012. He loves to read, exchange ideas and travel."}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3611","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=3611"}],"version-history":[{"count":1,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3611\/revisions"}],"predecessor-version":[{"id":12936,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3611\/revisions\/12936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media\/12934"}],"wp:attachment":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=3611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=3611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=3611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}