{"id":8082,"date":"2024-03-15T10:10:17","date_gmt":"2024-03-15T04:40:17","guid":{"rendered":"https:\/\/innovationm.co\/?p=8082"},"modified":"2024-03-15T10:19:54","modified_gmt":"2024-03-15T04:49:54","slug":"unleashing-performance-a-guide-to-code-splitting-in-react-js","status":"publish","type":"post","link":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/","title":{"rendered":"Unleashing Performance: A Guide to Code Splitting in React.js"},"content":{"rendered":"

In the realm of web development, where speed and performance are paramount, optimizing your React.js application is key to delivering a seamless user experience. One powerful technique for achieving this is “Code Splitting.” This blog post will explore the concept of code splitting, its benefits, and how you can implement it in your React applications to boost performance.<\/p>\n

Understanding Code Splitting:<\/strong><\/span><\/p>\n

What is Code Splitting?<\/strong>
\nCode splitting is a technique that involves breaking down your application’s bundle into smaller, more manageable chunks. Instead of loading the entire JavaScript codebase at once, you selectively load only the code required for the current user’s interaction. This results in faster initial page loads and more efficient resource utilization.<\/p>\n

Why Code Splitting?
\n<\/strong>
\n1. Faster Initial Load:<\/strong>
\nLoading only the necessary code for the initial view reduces the time it takes for a user to see and interact with your application.
\n2. Improved Page Responsiveness:<\/strong>
\nSmaller, focused code chunks lead to quicker rendering, making your application more responsive, especially on slower network connections.
\n3. Optimized Resource Usage:<\/strong>
\nUsers don’t have to download and execute unused code, saving bandwidth and reducing memory usage on the client side.
\n4. Better Caching:<\/strong>
\nSmaller bundles are more cache-friendly. Users who have visited your site before are likely to have cached some parts of the code, leading to faster subsequent visits.<\/p>\n

Implementing Code Splitting in React:
\n<\/strong><\/span>
\n1. Using React.lazy:<\/strong>
\nReact provides a React.lazy function that enables dynamic import of components. This is
\nparticularly useful for splitting your code based on routes or user interactions.<\/p>\n

const MyComponent = React.lazy(() => import(‘.\/MyComponent’));<\/p>\n

2. React Suspense:<\/strong>
\nTo handle loading states with React.lazy, use React.Suspense to specify the fallback content
\nwhile the component is being loaded.<\/p>\n

const App = () => (\r\n<React.Suspense fallback={<div>Loading...<\/div>}>\r\n\r\n<MyComponent \/>\r\n<\/React.Suspense>\r\n);<\/pre>\n
3. Route-Based Code Splitting:<\/strong>
\nUse tools like react-router to easily split your code based on different pages in your application.<\/p>\n
import React, { lazy, Suspense } from 'react';\r\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\r\nconst HomePage = lazy(() => import('.\/HomePage'));\r\nconst AboutPage = lazy(() => import('.\/AboutPage'));\r\n\r\nconst App = () => (\r\n<Router>\r\n<Suspense fallback={<div>Loading...<\/div>}>\r\n<Switch>\r\n<Route path=\"\/\" component={HomePage} \/>\r\n<Route path=\"\/about\" component={AboutPage} \/>\r\n<\/Switch>\r\n<\/Suspense>\r\n<\/Router>\r\n);\r\nexport default App;<\/pre>\n
Best Practices for Code Splitting:
\n<\/strong>
\n1. Identify Critical Paths: <\/strong>Determine which parts of your application are crucial for the initial user experience and prioritize code splitting accordingly.
\n2. Route-Level Splitting: <\/strong>Split your code based on routes, loading only what’s needed for a specific page. This is particularly effective in large applications.
\n3. Lazy Loading Assets: <\/strong>Consider lazy loading other assets like images, styles, and even data to further optimize performance.
\n4. Webpack and Babel Configuration: <\/strong>Adjust your build tool configurations to support code splitting. Webpack and Babel offer specific settings for optimizing bundles.
\n5. Testing and Monitoring: <\/strong>Regularly test and monitor your application’s performance. Tools like Lighthouse and Google PageSpeed Insights can provide valuable insights.<\/p>\n
Conclusion<\/strong><\/p>\n
If you want your React app to run really fast, you should consider using a cool technique called “code splitting.” This means breaking down your app’s big chunk of code into smaller bits. By doing this smartly, you make your app load quicker when someone opens it for the first time.<\/p>\n
It also makes your app respond faster when people use it. While using code splitting needs a bit of careful planning, the benefits, like a speedy app and happy users, make it a smart move for any React developer.<\/p>\n","protected":false},"excerpt":{"rendered":"
In the realm of web development, where speed and performance are paramount, optimizing your React.js application is key to delivering a seamless user experience. One powerful technique for achieving this is “Code Splitting.” This blog post will explore the concept of code splitting, its benefits, and how you can implement it in your React applications […]<\/p>\n","protected":false},"author":1,"featured_media":8083,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[360,257,661,642,947],"tags":[850,346,926,627,204,10,344],"class_list":["post-8082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-react","category-testing","category-ui-design","category-web-development","tag-code-react-js","tag-javascript","tag-javascript-blog","tag-javascript-extension","tag-testing","tag-ui-design","tag-web-development"],"yoast_head":"\nUnleashing Performance: A Guide to Code Splitting in React.js - InnovationM - Blog<\/title>\n<meta name=\"description\" content=\"Discover the power of code splitting in React.js for enhanced web performance. Learn how to optimize your application's load times, responsiveness, and resource usage with this essential technique. Explore implementation methods, best practices, and tools to boost your React development prowess. Dive into faster, more efficient web experiences today!\" \/>\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.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Unleashing Performance: A Guide to Code Splitting in React.js - InnovationM - Blog\" \/>\n<meta property=\"og:description\" content=\"Discover the power of code splitting in React.js for enhanced web performance. Learn how to optimize your application's load times, responsiveness, and resource usage with this essential technique. Explore implementation methods, best practices, and tools to boost your React development prowess. Dive into faster, more efficient web experiences today!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/\" \/>\n<meta property=\"og:site_name\" content=\"InnovationM - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-15T04:40:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T04:49:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2024\/03\/Blog-Banner-3-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InnovationM Admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InnovationM Admin\" \/>\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.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/\"},\"author\":{\"name\":\"InnovationM Admin\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"headline\":\"Unleashing Performance: A Guide to Code Splitting in React.js\",\"datePublished\":\"2024-03-15T04:40:17+00:00\",\"dateModified\":\"2024-03-15T04:49:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/\"},\"wordCount\":518,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Blog-Banner-3.png\",\"keywords\":[\"code react js\",\"JavaScript\",\"javascript blog\",\"JavaScript Extension\",\"Testing\",\"UI Design\",\"web development\"],\"articleSection\":[\"JavaScript\",\"React\",\"Testing\",\"UI Design\",\"Web development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/\",\"name\":\"Unleashing Performance: A Guide to Code Splitting in React.js - InnovationM - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Blog-Banner-3.png\",\"datePublished\":\"2024-03-15T04:40:17+00:00\",\"dateModified\":\"2024-03-15T04:49:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"description\":\"Discover the power of code splitting in React.js for enhanced web performance. Learn how to optimize your application's load times, responsiveness, and resource usage with this essential technique. Explore implementation methods, best practices, and tools to boost your React development prowess. Dive into faster, more efficient web experiences today!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Blog-Banner-3.png\",\"contentUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Blog-Banner-3.png\",\"width\":2240,\"height\":1260,\"caption\":\"Unleashing Performance: A Guide to Code Splitting in React.js\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/unleashing-performance-a-guide-to-code-splitting-in-react-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unleashing Performance: A Guide to Code Splitting in React.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\",\"name\":\"InnovationM - Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\",\"name\":\"InnovationM Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"caption\":\"InnovationM Admin\"},\"sameAs\":[\"http:\\\/\\\/www.innovationm.com\\\/\"],\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/author\\\/innovationmadmin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Unleashing Performance: A Guide to Code Splitting in React.js - InnovationM - Blog","description":"Discover the power of code splitting in React.js for enhanced web performance. Learn how to optimize your application's load times, responsiveness, and resource usage with this essential technique. Explore implementation methods, best practices, and tools to boost your React development prowess. Dive into faster, more efficient web experiences today!","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.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/","og_locale":"en_US","og_type":"article","og_title":"Unleashing Performance: A Guide to Code Splitting in React.js - InnovationM - Blog","og_description":"Discover the power of code splitting in React.js for enhanced web performance. Learn how to optimize your application's load times, responsiveness, and resource usage with this essential technique. Explore implementation methods, best practices, and tools to boost your React development prowess. Dive into faster, more efficient web experiences today!","og_url":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/","og_site_name":"InnovationM - Blog","article_published_time":"2024-03-15T04:40:17+00:00","article_modified_time":"2024-03-15T04:49:54+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2024\/03\/Blog-Banner-3-1024x576.png","type":"image\/png"}],"author":"InnovationM Admin","twitter_misc":{"Written by":"InnovationM Admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#article","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/"},"author":{"name":"InnovationM Admin","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"headline":"Unleashing Performance: A Guide to Code Splitting in React.js","datePublished":"2024-03-15T04:40:17+00:00","dateModified":"2024-03-15T04:49:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/"},"wordCount":518,"commentCount":0,"image":{"@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2024\/03\/Blog-Banner-3.png","keywords":["code react js","JavaScript","javascript blog","JavaScript Extension","Testing","UI Design","web development"],"articleSection":["JavaScript","React","Testing","UI Design","Web development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/","url":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/","name":"Unleashing Performance: A Guide to Code Splitting in React.js - InnovationM - Blog","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#primaryimage"},"image":{"@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2024\/03\/Blog-Banner-3.png","datePublished":"2024-03-15T04:40:17+00:00","dateModified":"2024-03-15T04:49:54+00:00","author":{"@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"description":"Discover the power of code splitting in React.js for enhanced web performance. Learn how to optimize your application's load times, responsiveness, and resource usage with this essential technique. Explore implementation methods, best practices, and tools to boost your React development prowess. Dive into faster, more efficient web experiences today!","breadcrumb":{"@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#primaryimage","url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2024\/03\/Blog-Banner-3.png","contentUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2024\/03\/Blog-Banner-3.png","width":2240,"height":1260,"caption":"Unleashing Performance: A Guide to Code Splitting in React.js"},{"@type":"BreadcrumbList","@id":"https:\/\/www.innovationm.com\/blog\/unleashing-performance-a-guide-to-code-splitting-in-react-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.innovationm.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Unleashing Performance: A Guide to Code Splitting in React.js"}]},{"@type":"WebSite","@id":"https:\/\/www.innovationm.com\/blog\/#website","url":"https:\/\/www.innovationm.com\/blog\/","name":"InnovationM - Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.innovationm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed","name":"InnovationM Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","caption":"InnovationM Admin"},"sameAs":["http:\/\/www.innovationm.com\/"],"url":"https:\/\/www.innovationm.com\/blog\/author\/innovationmadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/8082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/comments?post=8082"}],"version-history":[{"count":0,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/8082\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media\/8083"}],"wp:attachment":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media?parent=8082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/categories?post=8082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/tags?post=8082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}