{"id":5832,"date":"2021-06-01T12:03:41","date_gmt":"2021-06-01T12:03:41","guid":{"rendered":"https:\/\/nlineaxis.com\/?p=5832"},"modified":"2024-09-17T07:00:35","modified_gmt":"2024-09-17T07:00:35","slug":"how-to-work-with-styled-component-in-react-js","status":"publish","type":"post","link":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/","title":{"rendered":"How To Work with Styled Component in React JS"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#What_are_Styled_Components\" >What are Styled Components?<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#Making_life_easy_with_Styled_Components_In_React_JS\" >Making life easy with Styled Components In React JS<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p>The need to write CSS for particular components has been increasing drastically with the emergence of advanced component-based frontend frameworks. As a solution to the challenges faced in the frontend domain, tech-heads have come up with astonishing alternatives like <strong>Styled Component In React JS<\/strong>.<\/p>\n\n\n\n<p>This article aims to target one such solution that is renowned by CSS-in-JS; however, amongst many CSS libraries, we will be discussing a specific one, i.e. <strong>Styled Component<\/strong>.<\/p>\n\n\n\n<p>Now, the question arises- What are styled components? Read this article to know Styled components in detail and their importance in react js.\u00a0<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_are_Styled_Components\"><\/span><strong>What are Styled Components?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>A styled component is a package in react js. By using this we can write actual CSS in our JavaScript file. It means we can use all the features of CSS like- Media query, pseudo-selectors, nesting, etc.<\/p>\n\n\n\n<p>This is how we can create reusable components using styled components-<\/p>\n\n\n\n<p><strong>Setting up our project<\/strong><\/p>\n\n\n\n<p>At first, we need to create a project in react using the command-<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npx create-react-app app-name\ncd app-name\nnpm start<\/code><\/pre>\n\n\n\n<p>Now we need to install the styled component. This can be done by running the following command in react app directory-<\/p>\n\n\n\n<p>with npm<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install --save styled-components<\/code><\/pre>\n\n\n\n<p>with yarn<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>yarn add styled-components<\/code><\/pre>\n\n\n\n<p>This package can be found in the package.json file.<\/p>\n\n\n\n<p><strong>Add the styled-components in App.js<\/strong><\/p>\n\n\n\n<p>Now, we need to import the styled component package in app.js using the following command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import styled from 'styled-components';<\/code><\/pre>\n\n\n\n<p>Now, we can start using the styled component. We will first create a styled component and then; see how we will use it.<\/p>\n\n\n\n<p><strong>Creating styled component<\/strong>\u00a0<\/p>\n\n\n\n<p>Here, we styled the div into Box and h2 into the heading.<\/p>\n\n\n\n<p>Now we will see how to use this in our app.<\/p>\n\n\n\n<p><strong>Using styled-components in function<\/strong><\/p>\n\n\n\n<p>Above, we created a styled component that can be used the same as any react component.\u00a0<\/p>\n\n\n\n<p>Here, the Box and Heading are used in our app function.<\/p>\n\n\n\n<p><strong>Running our app in terminal<\/strong><\/p>\n\n\n\n<p>Now, our project is created for running the app we have to run the command in the terminal-<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm start<\/code><\/pre>\n\n\n\n<p>we can see our project in the browser.<\/p>\n\n\n\n<p>This is our output in the browser where we create an element using a styled component.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Making_life_easy_with_Styled_Components_In_React_JS\"><\/span><strong>Making life easy with Styled Components<\/strong> In React JS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>After reading this article, you must now be familiar with the implications of <strong>styled-components in react js<\/strong> as an advanced CSS solution. However, to know more about CSS libraries and their applications, we suggest you consult an expert software development company like NLINEAXIS.<\/p>\n\n\n\n<p><strong>Also Read:<\/strong> <a href=\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-typescript-in-a-node-js-project-with-express\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to work with TypeScript in a Node.js Project with Express<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The need to write CSS for particular components has been increasing drastically with the emergence of advanced component-based frontend frameworks. As a solution to the challenges faced in the frontend domain, tech-heads have come up with astonishing alternatives like Styled Component In React JS. This article aims to target one such solution that is renowned [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5985,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[],"class_list":["post-5832","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nlineaxis IT Solutions Private Limited in USA<\/title>\n<meta name=\"description\" content=\"React Styled Components lets you write actual CSS in JavaScript file. Read this article on how to work with Styled Component in React JS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nlineaxis IT Solutions Private Limited in USA\" \/>\n<meta property=\"og:description\" content=\"React Styled Components lets you write actual CSS in JavaScript file. Read this article on how to work with Styled Component in React JS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Nlineaxis IT Solutions Private Limited in USA\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kapilsalesforce\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-01T12:03:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-17T07:00:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vaibhav Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@NLINEAXIS\" \/>\n<meta name=\"twitter:site\" content=\"@NLINEAXIS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vaibhav Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/\"},\"author\":{\"name\":\"Vaibhav Sharma\",\"@id\":\"https:\/\/nlineaxis.com\/blog\/#\/schema\/person\/448053fac62aa1097f882bc75001ba44\"},\"headline\":\"How To Work with Styled Component in React JS\",\"datePublished\":\"2021-06-01T12:03:41+00:00\",\"dateModified\":\"2024-09-17T07:00:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/\"},\"wordCount\":427,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/\",\"url\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/\",\"name\":\"Nlineaxis IT Solutions Private Limited in USA\",\"isPartOf\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png\",\"datePublished\":\"2021-06-01T12:03:41+00:00\",\"dateModified\":\"2024-09-17T07:00:35+00:00\",\"author\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/#\/schema\/person\/448053fac62aa1097f882bc75001ba44\"},\"description\":\"React Styled Components lets you write actual CSS in JavaScript file. Read this article on how to work with Styled Component in React JS.\",\"breadcrumb\":{\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage\",\"url\":\"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png\",\"contentUrl\":\"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png\",\"width\":2240,\"height\":1260,\"caption\":\"styled components and react.js\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nlineaxis.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Work with Styled Component in React JS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nlineaxis.com\/blog\/#website\",\"url\":\"https:\/\/nlineaxis.com\/blog\/\",\"name\":\"Nlineaxis IT Solutions Private Limited in USA\",\"description\":\"Innovating business solutions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nlineaxis.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/nlineaxis.com\/blog\/#\/schema\/person\/448053fac62aa1097f882bc75001ba44\",\"name\":\"Vaibhav Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/348da4701f57aaf28130b40ba84f07eb4547cf60c15091e489c7ece276c62fe8?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/348da4701f57aaf28130b40ba84f07eb4547cf60c15091e489c7ece276c62fe8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/348da4701f57aaf28130b40ba84f07eb4547cf60c15091e489c7ece276c62fe8?s=96&d=mm&r=g\",\"caption\":\"Vaibhav Sharma\"},\"description\":\"A technical graduate with a passion for writing, he has been educating readers about technical innovations and trends like blockchain, internet of things, Salesforce and much more.\",\"sameAs\":[\"https:\/\/nlineaxis.com\/blog\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nlineaxis IT Solutions Private Limited in USA","description":"React Styled Components lets you write actual CSS in JavaScript file. Read this article on how to work with Styled Component in React JS.","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:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/","og_locale":"en_US","og_type":"article","og_title":"Nlineaxis IT Solutions Private Limited in USA","og_description":"React Styled Components lets you write actual CSS in JavaScript file. Read this article on how to work with Styled Component in React JS.","og_url":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/","og_site_name":"Nlineaxis IT Solutions Private Limited in USA","article_publisher":"https:\/\/www.facebook.com\/Kapilsalesforce","article_published_time":"2021-06-01T12:03:41+00:00","article_modified_time":"2024-09-17T07:00:35+00:00","og_image":[{"width":2240,"height":1260,"url":"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png","type":"image\/png"}],"author":"Vaibhav Sharma","twitter_card":"summary_large_image","twitter_creator":"@NLINEAXIS","twitter_site":"@NLINEAXIS","twitter_misc":{"Written by":"Vaibhav Sharma","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#article","isPartOf":{"@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/"},"author":{"name":"Vaibhav Sharma","@id":"https:\/\/nlineaxis.com\/blog\/#\/schema\/person\/448053fac62aa1097f882bc75001ba44"},"headline":"How To Work with Styled Component in React JS","datePublished":"2021-06-01T12:03:41+00:00","dateModified":"2024-09-17T07:00:35+00:00","mainEntityOfPage":{"@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/"},"wordCount":427,"commentCount":1,"image":{"@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage"},"thumbnailUrl":"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png","articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/","url":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/","name":"Nlineaxis IT Solutions Private Limited in USA","isPartOf":{"@id":"https:\/\/nlineaxis.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage"},"image":{"@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage"},"thumbnailUrl":"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png","datePublished":"2021-06-01T12:03:41+00:00","dateModified":"2024-09-17T07:00:35+00:00","author":{"@id":"https:\/\/nlineaxis.com\/blog\/#\/schema\/person\/448053fac62aa1097f882bc75001ba44"},"description":"React Styled Components lets you write actual CSS in JavaScript file. Read this article on how to work with Styled Component in React JS.","breadcrumb":{"@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#primaryimage","url":"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png","contentUrl":"https:\/\/nlineaxis.com\/blog\/wp-content\/uploads\/2021\/06\/Working-with-styled-components.png","width":2240,"height":1260,"caption":"styled components and react.js"},{"@type":"BreadcrumbList","@id":"https:\/\/nlineaxis.com\/blog\/how-to-work-with-styled-component-in-react-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nlineaxis.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Work with Styled Component in React JS"}]},{"@type":"WebSite","@id":"https:\/\/nlineaxis.com\/blog\/#website","url":"https:\/\/nlineaxis.com\/blog\/","name":"Nlineaxis IT Solutions Private Limited in USA","description":"Innovating business solutions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nlineaxis.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/nlineaxis.com\/blog\/#\/schema\/person\/448053fac62aa1097f882bc75001ba44","name":"Vaibhav Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/348da4701f57aaf28130b40ba84f07eb4547cf60c15091e489c7ece276c62fe8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/348da4701f57aaf28130b40ba84f07eb4547cf60c15091e489c7ece276c62fe8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/348da4701f57aaf28130b40ba84f07eb4547cf60c15091e489c7ece276c62fe8?s=96&d=mm&r=g","caption":"Vaibhav Sharma"},"description":"A technical graduate with a passion for writing, he has been educating readers about technical innovations and trends like blockchain, internet of things, Salesforce and much more.","sameAs":["https:\/\/nlineaxis.com\/blog\/"]}]}},"_links":{"self":[{"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/posts\/5832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/comments?post=5832"}],"version-history":[{"count":4,"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/posts\/5832\/revisions"}],"predecessor-version":[{"id":7875,"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/posts\/5832\/revisions\/7875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/media\/5985"}],"wp:attachment":[{"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/media?parent=5832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/categories?post=5832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nlineaxis.com\/blog\/wp-json\/wp\/v2\/tags?post=5832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}