{"id":379109,"date":"2023-05-12T11:56:49","date_gmt":"2023-05-12T11:56:49","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=379109"},"modified":"2023-05-18T16:03:21","modified_gmt":"2023-05-18T16:03:21","slug":"how-to-use-react-reducer-for-improving-woocommerce-front-end","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/","title":{"rendered":"How to use react reducer for improving WooCommerce front end."},"content":{"rendered":"\n
\n

What are reducers and why do we need them?<\/h3>\n<\/div><\/div>\n\n\n\n

The Reducer pattern is a way to manage the state in React applications. By using the Reducer pattern in your WooCommerce front end, you can improve the performance of your store and create a more seamless user experience.<\/p>\n\n\n\n

When it comes to creating a great user experience for your WooCommerce store, there are few tools more powerful than using React and its Reducer pattern. React is a JavaScript library that allows developers to create interactive user interfaces.<\/p>\n\n\n\n

React also works great for headless woocommerce development<\/a> <\/p>\n\n\n\n

\n

Working of reducer pattern<\/h3>\n<\/div><\/div>\n\n\n\n

The Reducer pattern works by taking a set of actions and reducing them down to a single state. This state can be used to update the User Interface of your store. <\/p>\n\n\n\n

In a Simple way, this is just a pattern by which we bind all the actions in a set and manage all the sets with a single state in react.<\/p>\n\n\n\n

This ensures that the User Interface is always up to date with the latest information and that the user experience is smooth and efficient.<\/p>\n\n\n\n

Finally, using the Reducer pattern in your React-based WooCommerce front end can also help to reduce the amount of code.<\/p>\n\n\n\n

\n

Using reducer for WooCommerce Front end<\/h3>\n<\/div><\/div>\n\n\n\n

First, you\u2019ll need to register the script. To do this, you\u2019ll need to add the following code to the functions.php file:<\/p>\n\n\n\n

Fortunately, loading custom scripts for WooCommerce is actually quite straightforward. All you need to do is add a few lines of code to your theme\u2019s functions.php file.<\/p>\n\n\n\n

\n

Register Script<\/h3>\n<\/div><\/div>\n\n\n\n
wp_register_script('custom-reducer', get_stylesheet_directory_uri() . '\/js\/custom-reducer.js', array('wp-hooks', 'wp-components'), '1.0.0', true);<\/pre>\n\n\n\n
This code registers the script with WordPress and tells it where to find the file. The last parameter tells WordPress to load the script in the footer of the page, which is important for performance.<\/p>\n\n\n\n
Next, you\u2019ll need to load the script. To do this, you\u2019ll need to add the following code to the functions.php file:<\/p>\n\n\n\n
\n
Enqueue Script<\/h3>\n<\/div><\/div>\n\n\n\n
if (is_woocommerce()) {\n  wp_enqueue_script('custom-reducer');\n}<\/pre>\n\n\n\n
This code tells WordPress to only load the script when a WooCommerce page is being viewed. This is important to ensure that the script is only loaded when it\u2019s needed, which helps improve performance.<\/p>\n\n\n\n
And that\u2019s it! Once you\u2019ve added these lines of code to your functions.php file, your custom script will be loaded on all WooCommerce pages. You can now use the script to add custom functionality to your store.<\/p>\n\n\n\n
Here is an example of how you can use useReducer to manage a simple counter state in a React application:<\/p>\n\n\n\n
\n
Write useReducer Pattern<\/h3>\n<\/div><\/div>\n\n\n\n
\/\/ Initial state\nconst initialState = {\n  count: 0\n};\n\n\/\/ Reducer function\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case 'increment':\n    return { count: state.count + 1 };\n  case 'decrement':\n    return { count: state.count - 1 };\n  default:\n    return state;\n  }\n};\n\n\/\/ UseReducer hook\nconst [state, dispatch] = useReducer(reducer, initialState);\n\n\/\/ Dispatching actions\ndispatch({ type: 'increment' });\ndispatch({ type: 'decrement' });<\/pre>\n\n\n\n
The useReducer hook is a great way to manage state in React applications. It allows you to keep your state organized and makes it easier to update and maintain. Give it a try in your next project!<\/p>\n\n\n\n
You can create your custom-reducer.js with this react code:<\/p>\n\n\n\n
\n
React Component with useReducer pattern<\/h3>\n<\/div><\/div>\n\n\n\n
import React, { useReducer } from 'react';\n\nconst initialState = { count: 0 };\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case 'increment':\n      return { count: state.count + 1 };\n    case 'decrement':\n      return { count: state.count - 1 };\n    default:\n      return state;\n    }\n  };\n\n  const MyComponent = () => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  \/\/ Dispatching actions\n  dispatch({ type: 'increment' });\n  dispatch({ type: 'decrement' });\n\n  return (\n    <div>\n      <p>The count is {state.count}<\/p>\n    <\/div>\n  );\n}\n\nexport default MyComponent;<\/pre>\n\n\n\n
This is the simplest way to manage the multiple actions in a single state to save our page with multiple and unnecessary re-rendering.<\/p>\n\n\n\n
\n
Why is React Reducers Essential?<\/h3>\n<\/div><\/div>\n\n\n\n
React reducers are essential for building complex applications because they provide a way to manage the state in a predictable and scalable way. They allow developers to create reusable state management logic that can be used throughout an application.<\/p>\n\n\n\n
We are implementing these React Reducer Patterns on our popular plugins like WooCommerce Restaurant Point of Sales<\/a> and WooCommerce POS Outlet Manager<\/a>.<\/p>\n\n\n\n
\n
Support<\/h3>\n<\/div><\/div>\n\n\n\n
For any technical assistance, please raise a ticket<\/a> or reach us by mail at support@webkul.com<\/strong><\/p>\n\n\n\n
Kindly visit the WooCommerce Plugins<\/a> page to see our addons and can also explore our WooCommerce Development Services.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
The Reducer pattern is a way to manage the state in React applications. By using the Reducer pattern in your WooCommerce front end, you can improve the performance of your store and create a more seamless user experience. When it comes to creating a great user experience for your WooCommerce store, there are few tools […]<\/a><\/p>\n","protected":false},"author":340,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6358,1773],"tags":[14106,590,1468],"class_list":["post-379109","post","type-post","status-publish","format-standard","hentry","category-react-woocommerce","category-woocommerce","tag-react-reducer","tag-webkul","tag-woocommerce"],"yoast_head":"\nHow to use react reducer for improving WooCommerce front end.<\/title>\n<meta name=\"description\" content=\"There are few tools more powerful than using React and its Reducer pattern. Use reducer in react for improving WooCommerce Front end.\" \/>\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\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use react reducer for improving WooCommerce front end.\" \/>\n<meta property=\"og:description\" content=\"There are few tools more powerful than using React and its Reducer pattern. Use reducer in react for improving WooCommerce Front end.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/\" \/>\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-05-12T11:56:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-18T16:03:21+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=\"Himanshu 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=\"Himanshu Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/\"},\"author\":{\"name\":\"Himanshu Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/6952f25eb0d1843071cf1334ea1b07ed\"},\"headline\":\"How to use react reducer for improving WooCommerce front end.\",\"datePublished\":\"2023-05-12T11:56:49+00:00\",\"dateModified\":\"2023-05-18T16:03:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/\"},\"wordCount\":616,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"keywords\":[\"React Reducer\",\"webkul\",\"WooCommerce\"],\"articleSection\":[\"React Woocommerce\",\"WooCommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/\",\"name\":\"How to use react reducer for improving WooCommerce front end.\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"datePublished\":\"2023-05-12T11:56:49+00:00\",\"dateModified\":\"2023-05-18T16:03:21+00:00\",\"description\":\"There are few tools more powerful than using React and its Reducer pattern. Use reducer in react for improving WooCommerce Front end.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use react reducer for improving WooCommerce front end.\"}]},{\"@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\/6952f25eb0d1843071cf1334ea1b07ed\",\"name\":\"Himanshu Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b3d19c09b89f420fac0217dbdff8be9b28ce99b04c3a1bce23c0652b5b880c5d?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\/b3d19c09b89f420fac0217dbdff8be9b28ce99b04c3a1bce23c0652b5b880c5d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Himanshu Kumar\"},\"description\":\"Himanshu Kumar, a skilled professional in the WordPress department, specializes in React, React Native, Redux, and WooCommerce API Development. His expertise in PoS App Development, Chat Server integration, and Payment Methods for PoS systems ensures seamless and innovative eCommerce solutions.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/himanshu-kumar731\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use react reducer for improving WooCommerce front end.","description":"There are few tools more powerful than using React and its Reducer pattern. Use reducer in react for improving WooCommerce Front end.","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\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/","og_locale":"en_US","og_type":"article","og_title":"How to use react reducer for improving WooCommerce front end.","og_description":"There are few tools more powerful than using React and its Reducer pattern. Use reducer in react for improving WooCommerce Front end.","og_url":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-05-12T11:56:49+00:00","article_modified_time":"2023-05-18T16:03:21+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":"Himanshu Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Himanshu Kumar","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/"},"author":{"name":"Himanshu Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/6952f25eb0d1843071cf1334ea1b07ed"},"headline":"How to use react reducer for improving WooCommerce front end.","datePublished":"2023-05-12T11:56:49+00:00","dateModified":"2023-05-18T16:03:21+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/"},"wordCount":616,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"keywords":["React Reducer","webkul","WooCommerce"],"articleSection":["React Woocommerce","WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/","url":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/","name":"How to use react reducer for improving WooCommerce front end.","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"datePublished":"2023-05-12T11:56:49+00:00","dateModified":"2023-05-18T16:03:21+00:00","description":"There are few tools more powerful than using React and its Reducer pattern. Use reducer in react for improving WooCommerce Front end.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-use-react-reducer-for-improving-woocommerce-front-end\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use react reducer for improving WooCommerce front end."}]},{"@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\/6952f25eb0d1843071cf1334ea1b07ed","name":"Himanshu Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b3d19c09b89f420fac0217dbdff8be9b28ce99b04c3a1bce23c0652b5b880c5d?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\/b3d19c09b89f420fac0217dbdff8be9b28ce99b04c3a1bce23c0652b5b880c5d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Himanshu Kumar"},"description":"Himanshu Kumar, a skilled professional in the WordPress department, specializes in React, React Native, Redux, and WooCommerce API Development. His expertise in PoS App Development, Chat Server integration, and Payment Methods for PoS systems ensures seamless and innovative eCommerce solutions.","url":"https:\/\/webkul.com\/blog\/author\/himanshu-kumar731\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/379109","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\/340"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=379109"}],"version-history":[{"count":33,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/379109\/revisions"}],"predecessor-version":[{"id":382486,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/379109\/revisions\/382486"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=379109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=379109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=379109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}