{"id":372340,"date":"2023-03-29T05:04:36","date_gmt":"2023-03-29T05:04:36","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=372340"},"modified":"2024-07-22T12:38:37","modified_gmt":"2024-07-22T12:38:37","slug":"use-wordpress-hooks-in-react-project","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/","title":{"rendered":"Use WordPress hooks in react project"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">WordPress hooks<\/h2>\n\n\n\n<p>WordPress hooks are actions or filters that allow developers to modify or extend the functionality of react project. They are used to add or remove functionality from other react script or project, without modifying their original code.<\/p>\n\n\n\n<p>The <code><strong><a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/hooks\" target=\"_blank\" rel=\"noreferrer noopener\">@wordpress\/hooks<\/a><\/strong><\/code> package is an npm package that provides a set of functions for working with WordPress hooks in JavaScript. It is part of the<strong> <code>@wordpress<\/code><\/strong> package ecosystem, which includes a wide range of packages for building WordPress plugins and themes using modern JavaScript.<\/p>\n\n\n\n<p>Install the <strong><a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/hooks\" target=\"_blank\" rel=\"noreferrer noopener\">@wordpress\/hooks<\/a><\/strong> dependency in your react project by the following NPM command &#8211; <\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">npm install @wordpress\/hooks<\/pre>\n\n\n\n<p>There are two types of hooks in WordPress:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Actions: Actions are events triggered by main project, which allow developers to add custom code to execute at specific points in the core project. Actions are used to add functionality or modify behavior, such as adding a new content, updating an existing content.<\/li>\n\n\n\n<li>Filters: Filters allow developers to modify the output of core project by modifying the data before it is displayed to the user. Filters are used to modify content can be used to modify data before it sends to server.<\/li>\n<\/ol>\n\n\n\n<p>Here are some of the functions provided by the <code><strong><a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/hooks\" target=\"_blank\" rel=\"noreferrer noopener\">@wordpress\/hooks<\/a><\/strong><\/code> package:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code><strong>addAction<\/strong><\/code>: Adds an action hook that executes a custom function when the event occurs.<\/li>\n\n\n\n<li><code><strong>addFilter<\/strong><\/code>: Adds a filter hook that modifies the output of a WordPress function or a plugin.<\/li>\n\n\n\n<li><code><strong>removeAction<\/strong><\/code>: Removes an action hook that was added by a theme or a plugin.<\/li>\n\n\n\n<li><code><strong>removeFilter<\/strong><\/code>: Removes a filter hook that was added by a theme or a plugin.<\/li>\n\n\n\n<li><code><strong>doAction<\/strong><\/code>: Executes an action hook and triggers any functions that have been added to it.<\/li>\n\n\n\n<li><code><strong>applyFilters<\/strong><\/code>: Modifies the output of a filter hook and passes the modified value to any functions that have been added to it.<\/li>\n<\/ul>\n\n\n\n<p>These functions work similarly to their PHP counterparts in WordPress core, but are written in JavaScript and designed to work with modern JavaScript frameworks and libraries.<\/p>\n\n\n\n<p>Using the<strong> <code><a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/hooks\" target=\"_blank\" rel=\"noreferrer noopener\">@wordpress\/hooks<\/a><\/code> <\/strong>package, developers can easily add custom functionality to their WordPress plugins and themes using modern JavaScript, and take advantage of the many <\/p>\n\n\n\n<p>benefits of working with JavaScript, such as improved performance, code organization, and developer productivity.<\/p>\n\n\n\n<p>Also, you can visit <strong><a href=\"https:\/\/webkul.com\/woocommerce-react-development-services\/\">WooCommerce React Development<\/a> <\/strong>to enhance your online store with React headless development services.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setup @wordpress\/hooks in project<\/h2>\n\n\n\n<p>The<a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/hooks\" target=\"_blank\" rel=\"noreferrer noopener\"> <code><strong>@wordpress\/hooks<\/strong><\/code><\/a> package provides a <strong><code>createHooks()<\/code> <\/strong>function. This function allows developers to create hooks integration in project, which provide the functionality to use <strong><code>addFilter()<\/code> <\/strong>and <strong><code>addAction()<\/code> <\/strong>functions.<\/p>\n\n\n\n<p>After dependency installation create a <strong>hooks.js<\/strong> and place the following code in the file &#8211; <\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">import { createHooks } from &#039;@wordpress\/hooks&#039;;\n\n\nif (!window.wkHooks) {\n    let wkHooks = createHooks();\n    window.wkHooks = wkHooks;\n}\n\nexport const {\n    filters,\n    addFilter,\n    applyFilters,\n    removeFilter,\n    removeAllFilters,\n    actions,\n    addAction,\n    doAction,\n    removeAction,\n    removeAllActions\n} = window.wkHooks;\n\n\nexport default window.wkHooks;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Create hooks and filters<\/h2>\n\n\n\n<p>In WordPress, <strong><code>do_action()<\/code> <\/strong>and <strong><code>apply_filters()<\/code> <\/strong>are the most commonly used functions for adding hooks to WordPress functions and plugins. Similarly, in JavaScript, the <code><strong><a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/hooks\" target=\"_blank\" rel=\"noreferrer noopener\">@wordpress\/hooks<\/a><\/strong><\/code> package provides the <strong><code>applyFilters()<\/code> <\/strong>and <strong><code>doAction()<\/code> <\/strong>functions to create hooks.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">applyFilters( &#039;hookName&#039;, content, arg1, arg2, moreArgs, finalArg );\n\ndoAction( &#039;hookName&#039;, arg1, arg2, moreArgs, finalArg );<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">import { Fragment, useEffect } from &#039;react&#039;;\nimport { applyFilters, doAction } from &#039;hooks.js&#039;;\n\nconst App = () =&gt; {\n\n\nuseEffect(() =&gt; {\n        doAction(&#039;ACTION_ON_COMPONENT_MOUNT&#039;);\n    }, &#091;]);\n\n\nreturn (\n        &lt;Fragment&gt;\n            { applyFilters(&#039;BEFORE_APP_CONTENT&#039;, &#039;&#039;)}\n                    \/\/app content\n            { applyFilters(&#039;AFTER_APP_CONTENT&#039;, &#039;&#039;)}\n        &lt;\/Fragment&gt;\n    )\n};\nexport default App;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Use hooks and filters<\/h2>\n\n\n\n<p>In WordPress, <strong><code>add_action()<\/code> <\/strong>and <strong><code>add_filter()<\/code> <\/strong>are the most commonly used functions for adding hooks to WordPress functions and plugins. Similarly, in JavaScript, the <code><strong><a href=\"https:\/\/www.npmjs.com\/package\/@wordpress\/hooks\" target=\"_blank\" rel=\"noreferrer noopener\">@wordpress\/hooks<\/a><\/strong><\/code> package provides the <strong><code>addFilter()<\/code> <\/strong>and <strong><code>addAction()<\/code> <\/strong>functions to use hooks.<\/p>\n\n\n\n<p>Also, discover various solutions to add more features and enhance your online store by visiting the&nbsp;<a href=\"https:\/\/store.webkul.com\/woocommerce-plugins.html\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WooCommerce plugins<\/strong><\/a>.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">addFilter( &#039;hookName&#039;, &#039;namespace&#039;, callback, priority );\n\naddAction( &#039;hookName&#039;, &#039;namespace&#039;, callback, priority )<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">import { addAction, addFilter } from &#039;hooks.js&#039;;\n\naddFilter(&#039;BEFORE_APP_CONTENT&#039;, &#039;custom&#039;, (content) =&gt; {\n\n  return &#039;custom-content&#039;;\n\n});\n\n\n\naddAction(&#039;BEFORE_APP_CONTENT&#039;, &#039;custom&#039;, () =&gt; {\n \n  \/\/ use custom functionality like call Apis etc.\n\n});<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Support<\/h2>\n\n\n\n<p>For any technical assistance&nbsp;kindly&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">raise&nbsp;a ticket<\/a>&nbsp;or&nbsp;reach&nbsp;us by email at&nbsp;support@webkul.com. Thanks for Your Time! Have a Good Day!<\/p>\n\n\n\n<p>Additionally, for your project requirements, you can hire <a href=\"http:\/\/webkul.com\/hire-woocommerce-developers\/\"><strong>WooCommerce developers<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress hooks WordPress hooks are actions or filters that allow developers to modify or extend the functionality of react project. They are used to add or remove functionality from other react script or project, without modifying their original code. The @wordpress\/hooks package is an npm package that provides a set of functions for working with <a href=\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":514,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6357,1],"tags":[],"class_list":["post-372340","post","type-post","status-publish","format-standard","hentry","category-react-js","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Use WordPress hooks in react project - Webkul Blog<\/title>\n<meta name=\"description\" content=\"WordPress hooks package allow developers to modify or extend the functionality of react project. They are used to add or modify functionality from other react script or project, without modifying their original code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use WordPress hooks in react project - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"WordPress hooks package allow developers to modify or extend the functionality of react project. They are used to add or modify functionality from other react script or project, without modifying their original code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-29T05:04:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-22T12:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ajeet Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ajeet Kumar\" \/>\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:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\"},\"author\":{\"name\":\"Ajeet Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a\"},\"headline\":\"Use WordPress hooks in react project\",\"datePublished\":\"2023-03-29T05:04:36+00:00\",\"dateModified\":\"2024-07-22T12:38:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\"},\"wordCount\":544,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"articleSection\":[\"react js\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\",\"url\":\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\",\"name\":\"Use WordPress hooks in react project - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"datePublished\":\"2023-03-29T05:04:36+00:00\",\"dateModified\":\"2024-07-22T12:38:37+00:00\",\"description\":\"WordPress hooks package allow developers to modify or extend the functionality of react project. They are used to add or modify functionality from other react script or project, without modifying their original code.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Use WordPress hooks in react project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a\",\"name\":\"Ajeet Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ajeet Kumar\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/ajeetkumar-wp300\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Use WordPress hooks in react project - Webkul Blog","description":"WordPress hooks package allow developers to modify or extend the functionality of react project. They are used to add or modify functionality from other react script or project, without modifying their original code.","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:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/","og_locale":"en_US","og_type":"article","og_title":"Use WordPress hooks in react project - Webkul Blog","og_description":"WordPress hooks package allow developers to modify or extend the functionality of react project. They are used to add or modify functionality from other react script or project, without modifying their original code.","og_url":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-03-29T05:04:36+00:00","article_modified_time":"2024-07-22T12:38:37+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png","type":"image\/png"}],"author":"Ajeet Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ajeet Kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/"},"author":{"name":"Ajeet Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a"},"headline":"Use WordPress hooks in react project","datePublished":"2023-03-29T05:04:36+00:00","dateModified":"2024-07-22T12:38:37+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/"},"wordCount":544,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"articleSection":["react js"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/","url":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/","name":"Use WordPress hooks in react project - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"datePublished":"2023-03-29T05:04:36+00:00","dateModified":"2024-07-22T12:38:37+00:00","description":"WordPress hooks package allow developers to modify or extend the functionality of react project. They are used to add or modify functionality from other react script or project, without modifying their original code.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/use-wordpress-hooks-in-react-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Use WordPress hooks in react project"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a","name":"Ajeet Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ajeet Kumar"},"url":"https:\/\/webkul.com\/blog\/author\/ajeetkumar-wp300\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/372340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/514"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=372340"}],"version-history":[{"count":19,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/372340\/revisions"}],"predecessor-version":[{"id":453982,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/372340\/revisions\/453982"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=372340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=372340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=372340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}