{"id":1150,"date":"2022-12-20T05:41:01","date_gmt":"2022-12-20T04:41:01","guid":{"rendered":"https:\/\/codeflarelimited.com\/blog\/?p=1150"},"modified":"2023-06-05T05:01:50","modified_gmt":"2023-06-05T04:01:50","slug":"increase-and-decrease-number-onclick-in-react","status":"publish","type":"post","link":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/","title":{"rendered":"Increase and Decrease Number on Button Click in React Native"},"content":{"rendered":"\n<p>When writing real-time software applications, there are times when you want to increase and decrease a value when a button is clicked.<\/p>\n\n\n\n<p>A good example is increasing the quantity of an item in a cart or counting page visits on a website. This can be done easily in React Native by writing two functions that will simultaneously increase and decrease the counter value and then passing these functions to their respective button components.<\/p>\n\n\n\n<p>In this article, we are going to increase and decrease number on button click in React Native.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-1-set-initial-state\">1. Set Initial State<\/h2>\n\n\n\n<p>The first thing we want to do is set our initial state in the React application<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">class App extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      counter: 0\n    };\n  }\n}\nexport default App;<\/code><\/pre>\n\n\n\n<p>As we can see in the code above, we have set our initial state variable to 0. It is important to note that it must not always be 0, you can start from any number you wish.<\/p>\n\n\n\n<p>If, for instance, you are incrementing cart items, then you can&#8217;t have 0 items in a cart in terms of quantity. You want the least quantity to 1, which makes sense.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-2-we-write-increment-function\">2. We write Increment Function<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">\n  increaseCount = () => {\n    this.setState({counter: this.state.counter + 1})\n  }<\/code><\/pre>\n\n\n\n<p class=\"has-black-color has-text-color\">Here, every time we call on this function it will increase the counter value by 1.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-3-we-write-the-decrement-function\">3. We write the Decrement Function<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">decreaseCount = () => {\n    this.setState({counter: this.state.counter - 1})\n    if(this.state.counter === 0){\n      this.setState({counter: 0 })\n    }\n  }<\/code><\/pre>\n\n\n\n<p>Here, every time we call on this function, it will decrease the counter value by 1. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-4-pass-the-functions-to-the-button\">4. Pass the functions to the button<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">render(){\n    return(\n      &lt;View style={styles.container}>\n      &lt;TouchableOpacity style={styles.button} onPress={()=>this.increaseCount()}>\n      &lt;Text>Increase&lt;\/Text>\n      &lt;\/TouchableOpacity>\n\n      &lt;Text>{this.state.counter}&lt;\/Text>\n\n      &lt;TouchableOpacity style={styles.button} onPress={()=>this.decreaseCount()}>\n      &lt;Text>Decrease&lt;\/Text>\n      &lt;\/TouchableOpacity>\n      &lt;\/View>\n    )\n  }<\/code><\/pre>\n\n\n\n<p>If you want to restrict to the state value to 1 instead of 0 as said earlier, you modify the c like so:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\"> decreaseCount = () => {\n    this.setState({counter: this.state.counter - 1})\n    if(this.state.counter === 0){\n      this.setState({counter: 0 })\n    }\n  }<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-here-s-the-full-code\">Here&#8217;s the full code<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">import React, { PureComponent } from 'react';\nimport { View, Text, Image, TouchableOpacity } from 'react-native';\nimport { styles } from '..\/assets\/styles\/Style';\n\nclass Sample extends PureComponent{\n\n  constructor(props){\n    super(props);\n    this.state = {\n      counter: 0\n    }\n  }\n\n  increaseCount = () => {\n    this.setState({counter: this.state.counter + 1})\n  }\n  decreaseCount = () => {\n    this.setState({counter: this.state.counter - 1})\n    if(this.state.counter === 0){\n      this.setState({counter: 0 })\n    }\n  }\n\n  render(){\n    return(\n      &lt;View style={styles.container}>\n      &lt;TouchableOpacity style={styles.button} onPress={()=>this.increaseCount()}>\n      &lt;Text>Increase&lt;\/Text>\n      &lt;\/TouchableOpacity>\n\n      &lt;Text>{this.state.counter}&lt;\/Text>\n\n      &lt;TouchableOpacity style={styles.button} onPress={()=>this.decreaseCount()}>\n      &lt;Text>Decrease&lt;\/Text>\n      &lt;\/TouchableOpacity>\n      &lt;\/View>\n    )\n  }\n}\n\nexport default Sample\n<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>See also <a href=\"https:\/\/origamisuite.dev\/blog\/2023\/04\/30\/react-native-flexbox\/\">How to use Flexbox in React Native<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-don-t-forget-the-style\">Don&#8217;t forget the Style!<\/h2>\n\n\n\n<pre title=\"Style.js\" class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">import { StyleSheet } from 'react-native';\n\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-evenly',\n    alignItems: 'center',\n    margin: 18,\n  },\n  button: {\n    width: 100,\n    height: 45,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#87CEEB'\n  },\n})\n\nexport { styles }\n<\/code><\/pre>\n\n\n\n<p>This is how you increase and decrease number on button click in React Native.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1334\" style=\"aspect-ratio: 750 \/ 1334;\" width=\"750\" controls src=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2023\/06\/Simulator-Screen-Recording-iPhone-8-2023-06-05-at-11.33.20.mp4\"><\/video><figcaption class=\"wp-element-caption\">increase and decrease number on button click in react native<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/codeflarelimited.com\/blog\/react-native-select-dropdown-for-android-and-ios\/\" target=\"_blank\" rel=\"noreferrer noopener\">React Native Select Dropdown for Android and iOS<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\"><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>When writing real-time software applications, there are times when you want to increase and decrease a value when<\/p>\n","protected":false},"author":1,"featured_media":1376,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[98],"tags":[],"class_list":["post-1150","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softare-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Increase and Decrease Number on Button Click in React Native<\/title>\n<meta name=\"description\" content=\"In this article, we are going to increase and decrease number on button click in React Native. This can be done easily in React Native.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Increase and Decrease Number on Button Click in React Native\" \/>\n<meta property=\"og:description\" content=\"In this article, we are going to increase and decrease number on button click in React Native. This can be done easily in React Native.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/codeflretech\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-20T04:41:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-05T04:01:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2022\/12\/Untitled-Design-2-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"codeflare\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeflaretech\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/\"},\"author\":{\"name\":\"codeflare\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\"},\"headline\":\"Increase and Decrease Number on Button Click in React Native\",\"datePublished\":\"2022-12-20T04:41:01+00:00\",\"dateModified\":\"2023-06-05T04:01:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/\"},\"wordCount\":298,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Untitled-Design-2-1.jpeg\",\"articleSection\":[\"softare development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/\",\"name\":\"Increase and Decrease Number on Button Click in React Native\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Untitled-Design-2-1.jpeg\",\"datePublished\":\"2022-12-20T04:41:01+00:00\",\"dateModified\":\"2023-06-05T04:01:50+00:00\",\"description\":\"In this article, we are going to increase and decrease number on button click in React Native. This can be done easily in React Native.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Untitled-Design-2-1.jpeg\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Untitled-Design-2-1.jpeg\",\"width\":1200,\"height\":628,\"caption\":\"increase and decrease number on button click in react native\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/increase-and-decrease-number-onclick-in-react\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"softare development\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/softare-development\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Increase and Decrease Number on Button Click in React Native\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"name\":\"\",\"description\":\"Sustainable solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\",\"name\":\"Codeflare Limited\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"width\":1040,\"height\":263,\"caption\":\"Codeflare Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\",\"name\":\"codeflare\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"caption\":\"codeflare\"},\"description\":\"Latest tech news and coding tips.\",\"sameAs\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\",\"https:\\\/\\\/facebook.com\\\/codeflretech\",\"https:\\\/\\\/instagram.com\\\/codeflaretech\",\"https:\\\/\\\/x.com\\\/codeflaretech\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1\"],\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/author\\\/watcher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Increase and Decrease Number on Button Click in React Native","description":"In this article, we are going to increase and decrease number on button click in React Native. This can be done easily in React Native.","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:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/","og_locale":"en_US","og_type":"article","og_title":"Increase and Decrease Number on Button Click in React Native","og_description":"In this article, we are going to increase and decrease number on button click in React Native. This can be done easily in React Native.","og_url":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/","article_author":"https:\/\/facebook.com\/codeflretech","article_published_time":"2022-12-20T04:41:01+00:00","article_modified_time":"2023-06-05T04:01:50+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2022\/12\/Untitled-Design-2-1.jpeg","type":"image\/jpeg"}],"author":"codeflare","twitter_card":"summary_large_image","twitter_creator":"@codeflaretech","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#article","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/"},"author":{"name":"codeflare","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a"},"headline":"Increase and Decrease Number on Button Click in React Native","datePublished":"2022-12-20T04:41:01+00:00","dateModified":"2023-06-05T04:01:50+00:00","mainEntityOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/"},"wordCount":298,"commentCount":0,"publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2022\/12\/Untitled-Design-2-1.jpeg","articleSection":["softare development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/","url":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/","name":"Increase and Decrease Number on Button Click in React Native","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#primaryimage"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2022\/12\/Untitled-Design-2-1.jpeg","datePublished":"2022-12-20T04:41:01+00:00","dateModified":"2023-06-05T04:01:50+00:00","description":"In this article, we are going to increase and decrease number on button click in React Native. This can be done easily in React Native.","breadcrumb":{"@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#primaryimage","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2022\/12\/Untitled-Design-2-1.jpeg","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2022\/12\/Untitled-Design-2-1.jpeg","width":1200,"height":628,"caption":"increase and decrease number on button click in react native"},{"@type":"BreadcrumbList","@id":"https:\/\/codeflarelimited.com\/blog\/increase-and-decrease-number-onclick-in-react\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeflarelimited.com\/blog\/"},{"@type":"ListItem","position":2,"name":"softare development","item":"https:\/\/codeflarelimited.com\/blog\/softare-development\/"},{"@type":"ListItem","position":3,"name":"Increase and Decrease Number on Button Click in React Native"}]},{"@type":"WebSite","@id":"https:\/\/codeflarelimited.com\/blog\/#website","url":"https:\/\/codeflarelimited.com\/blog\/","name":"","description":"Sustainable solutions","publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeflarelimited.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeflarelimited.com\/blog\/#organization","name":"Codeflare Limited","url":"https:\/\/codeflarelimited.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","width":1040,"height":263,"caption":"Codeflare Limited"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a","name":"codeflare","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","caption":"codeflare"},"description":"Latest tech news and coding tips.","sameAs":["https:\/\/codeflarelimited.com\/blog","https:\/\/facebook.com\/codeflretech","https:\/\/instagram.com\/codeflaretech","https:\/\/x.com\/codeflaretech","https:\/\/www.youtube.com\/channel\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1"],"url":"https:\/\/codeflarelimited.com\/blog\/author\/watcher\/"}]}},"jetpack_featured_media_url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2022\/12\/Untitled-Design-2-1.jpeg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/comments?post=1150"}],"version-history":[{"count":3,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1150\/revisions"}],"predecessor-version":[{"id":1377,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1150\/revisions\/1377"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media\/1376"}],"wp:attachment":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media?parent=1150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/categories?post=1150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/tags?post=1150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}