{"id":3355,"date":"2018-04-09T03:13:24","date_gmt":"2018-04-09T03:13:24","guid":{"rendered":"https:\/\/www.botreetechnologies.com\/blog\/?p=3355"},"modified":"2020-12-10T17:51:06","modified_gmt":"2020-12-10T12:21:06","slug":"how-to-build-a-react-native-android-bridge","status":"publish","type":"post","link":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/","title":{"rendered":"Simple React Native Bridge Concept for Android"},"content":{"rendered":"\n<p>When using React Native to write <a href=\"https:\/\/www.botreetechnologies.com\/mobile-app-development\">mobile apps<\/a>, JavaScript is the primary programming language. However, sometimes, you may want to call a platform API that is not supported by existing React Native component or use a third-party Android library for these cases, you need to write native code for bridging using Android Studio and Xcode. In this article, I will demonstrate how to create the simplest <a href=\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\">React Native Bridge<\/a> module step by step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Requirements to build Package for React Native Bridge<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Android Studio<\/li><li>React-Native CLI<\/li><li>Node<\/li><\/ul>\n\n\n\n<p><b>We are creating a bridge\/package for React Native to access Toast (From Android Native) using JavaScript.<\/b><\/p>\n\n\n\n<p>For creating any package first we need to setup the basic directory structure so, let us create the directory structure as below.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><b>Create Package Directory:<\/b><\/li><\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>mkdir react-native-android-toast<\/code><\/p><\/blockquote>\n\n\n\n<ol class=\"wp-block-list\"><li><b>Run the following command to initiate the package:<\/b><\/li><\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>cd react-native-android-toast<br>\nnpm init<\/code><\/p><\/blockquote>\n\n\n\n<p>When you run the <i><code>npm init<\/code><\/i> it will ask you about the package. Enter all the information related to the package and it will create <i><code>package.json<\/code><\/i> file.<\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/c7631d330114190fcb740eb65575d331.js\"><\/script><\/p>\n\n\n\n<p>Now you have to create one android directory and one <i>index.js<\/i> file.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Android directory will contain the all java\/native code.<\/li><li><i>index.js<\/i> file is our entry point for a package as we have mentioned in <i>package.json<\/i> file also this file create the bridge between the Javascript and Android.<\/li><\/ul>\n\n\n\n<p>Once the basic directory is setup now we have to setup the android to write java\/native code create the android directory structure as below<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"412\" height=\"217\" src=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/android-directory-structure.png\" alt=\"android directory structure\" class=\"wp-image-12973\" srcset=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/android-directory-structure.png 412w, https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/12\/android-directory-structure-300x158.png 300w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li><b>AndroidManifest.xml:<\/b> Mani fest file for an android application is a resource file which contains all the details needed by the android system about the application.<\/li><\/ul>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/16bae764e3e029085c681ec77b7a16dc.js\"><\/script><\/p>\n\n\n\n<p><b>ToastModule.java:<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><i>ToastModule<\/i> extends <i>ReactContextBaseJavaModule<\/i> class and implements the functionality required by the JavaScript.<\/li><li>All the React methods will be written as <i>@ReactMethod<\/i>, we have created the method <i>show()<\/i> which we are going to access from the javascript.<\/li><li>If you want to create the more methods you can, you justhave to write only <i>@ReactMethod<\/i> before the method definition as React will understand that this method will be invoked from the javascript.<\/li><\/ul>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/19b1a8def87781e078348f35161123ba.js\"><\/script><\/p>\n\n\n\n<p><b>ToastPackage.java<\/b><\/p>\n\n\n\n<p><i>ToastPackage<\/i> is used to register the module. Just copy the code into your <i>ToastPackage.java<\/i> file and change as per your requirements.<\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/fad3f25420c93e2bfc587dfbf0747112.js\"><\/script><\/p>\n\n\n\n<p><b>Index.js<\/b><\/p>\n\n\n\n<p>This file is used to wrap the native module in a JavaScript module.<\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/b5d839f2a477e4492fd6bcba6fd12c84.js\"><\/script><\/p>\n\n\n\n<p>A <i>NativeModule<\/i> is a Java class that usually extends the <i>ReactContextBaseJavaModule<\/i> class and implements the functionality required by the JavaScript.<\/p>\n\n\n\n<p>This is basically used to call our module from the javascript.<\/p>\n\n\n\n<p>So far, we have successfully setup the Android and JavaScript communication bridge.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to use this package into our Project?<\/h3>\n\n\n\n<p>Create a React Native project: <i>react-native init Example<\/i>.<\/p>\n\n\n\n<p>Since all Node modules should be installed under <i>{React Native project}\\node_modules\\<\/i>.<\/p>\n\n\n\n<p>Simply add your package directory name into the <a href=\"https:\/\/www.botreetechnologies.com\/react-native-development\">React Native<\/a> Project&#8217;s <i>package.json<\/i> file and path of your Package and run the following command to use into your project.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>npm install<br>\nreact-native link<\/code><\/p><\/blockquote>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/375463825528acd9886552730d981804.js\"><\/script><\/p>\n\n\n\n<p><i><code>react-native link<\/code><\/i> command will link your package into your project and you are ready to access the toast from javascript.<\/p>\n\n\n\n<p>Now Just import that package into your JS file where you want to show the toast into your project.<\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ShaileshPrajapati-BTC\/251c4934791c4f9a932d8f7c786287a5.js\"><\/script><\/p>\n\n\n\n<p>Here, we are calling the Native Method from ReactNative.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>ToastModule.show(\"Hello World\");<\/code><\/p><\/blockquote>\n\n\n\n<p>That&#8217;s it! Run your project and use toast anywhere into your project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.botreetechnologies.com\/react-native-development\"><b>Click here for more<\/b> blogs<\/a>\u2026<\/h3>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>At&nbsp;<a href=\"https:\/\/www.botreetechnologies.com\/\">BoTree Technologies<\/a>, we build enterprise applications with our ReactNative team of 10+ engineers.<\/p>\n\n\n\n<p>We also specialize in Ruby on Rails, Python, RPA, AI, Django, NodeJS and ReactJS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.botreetechnologies.com\/contact\">Consulting is free<\/a>&nbsp;\u2013 let us help you grow!<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>When using React Native to write mobile apps, JavaScript is&#8230;<\/p>\n","protected":false},"author":19,"featured_media":12971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72,10],"tags":[],"class_list":["post-3355","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>Simple React Native Bridge Concept for Android<\/title>\n<meta name=\"description\" content=\"In this article, we will see how to create the simple react native bridge modules for android step by step. Contact us to build web and\u00a0mobile app\u00a0to add value to your business.\" \/>\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-react-native-android-bridge\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple React Native Bridge Concept for Android\" \/>\n<meta property=\"og:description\" content=\"In this article, we will see how to create the simple react native bridge modules for android step by step. Contact us to build web and\u00a0mobile app\u00a0to add value to your business.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/\" \/>\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-04-09T03:13:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-10T12:21:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.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=\"3 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-react-native-android-bridge\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/\"},\"author\":{\"name\":\"Shailesh Prajapati\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\"},\"headline\":\"Simple React Native Bridge Concept for Android\",\"datePublished\":\"2018-04-09T03:13:24+00:00\",\"dateModified\":\"2020-12-10T12:21:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/\"},\"wordCount\":582,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg\",\"articleSection\":[\"React Native\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/\",\"name\":\"Simple React Native Bridge Concept for Android\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg\",\"datePublished\":\"2018-04-09T03:13:24+00:00\",\"dateModified\":\"2020-12-10T12:21:06+00:00\",\"author\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\"},\"description\":\"In this article, we will see how to create the simple react native bridge modules for android step by step. Contact us to build web and\u00a0mobile app\u00a0to add value to your business.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg\",\"width\":1920,\"height\":1280,\"caption\":\"React Native bridge for Android\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.botreetechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple React Native Bridge Concept for Android\"}]},{\"@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":"Simple React Native Bridge Concept for Android","description":"In this article, we will see how to create the simple react native bridge modules for android step by step. Contact us to build web and\u00a0mobile app\u00a0to add value to your business.","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-react-native-android-bridge\/","og_locale":"en_US","og_type":"article","og_title":"Simple React Native Bridge Concept for Android","og_description":"In this article, we will see how to create the simple react native bridge modules for android step by step. Contact us to build web and\u00a0mobile app\u00a0to add value to your business.","og_url":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/","og_site_name":"BoTree Technologies","article_publisher":"https:\/\/www.facebook.com\/BoTreeTechnologies\/","article_published_time":"2018-04-09T03:13:24+00:00","article_modified_time":"2020-12-10T12:21:06+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#article","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/"},"author":{"name":"Shailesh Prajapati","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d"},"headline":"Simple React Native Bridge Concept for Android","datePublished":"2018-04-09T03:13:24+00:00","dateModified":"2020-12-10T12:21:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/"},"wordCount":582,"commentCount":0,"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg","articleSection":["React Native","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/","url":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/","name":"Simple React Native Bridge Concept for Android","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage"},"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg","datePublished":"2018-04-09T03:13:24+00:00","dateModified":"2020-12-10T12:21:06+00:00","author":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d"},"description":"In this article, we will see how to create the simple react native bridge modules for android step by step. Contact us to build web and\u00a0mobile app\u00a0to add value to your business.","breadcrumb":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#primaryimage","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/04\/react-native-android-bridge.jpg","width":1920,"height":1280,"caption":"React Native bridge for Android"},{"@type":"BreadcrumbList","@id":"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-react-native-android-bridge\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.botreetechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Simple React Native Bridge Concept for Android"}]},{"@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\/3355","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=3355"}],"version-history":[{"count":2,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3355\/revisions"}],"predecessor-version":[{"id":12974,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3355\/revisions\/12974"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media\/12971"}],"wp:attachment":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=3355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=3355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=3355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}