{"id":99,"date":"2017-11-25T21:33:00","date_gmt":"2017-11-25T21:33:00","guid":{"rendered":"https:\/\/seimith.io\/?p=99"},"modified":"2024-07-20T00:24:27","modified_gmt":"2024-07-20T00:24:27","slug":"setting-up-react-hot-reloader","status":"publish","type":"post","link":"https:\/\/seimith.io\/pt\/2017\/11\/25\/setting-up-react-hot-reloader\/","title":{"rendered":"Setting up React &#038; Hot Reloader"},"content":{"rendered":"<pre class=\"wp-block-code\"><code>npm init\n  =&gt; fill out the items for your app<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install --save react\n  =&gt; This is React, duh.\nnpm install --save react-dom\n  =&gt; The react-dom package provides DOM-specific methods that can be used at the top level of your app and as an escape hatch to get outside of the React model if you need to. Most of your components should not need to use this module.\nnpm install --save-dev babel-core\nnpm install --save-dev babel-cli\nnpm install --save-dev babel-loader\nnpm install --save-dev babel-preset-es2015\nnpm install --save-dev babel-preset-react\nnpm install --save-dev react-hot-loader\nnpm install --save-dev webpack\n  =&gt; Pack up all of our stuff!\nnpm install --save webpack-dev-server\nnpm install css-loader --save-dev\nnpm install style-loader --save-dev\nnpm install sass-loader --save-dev<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>my&nbsp;<code>package.json<\/code>&nbsp;should look like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n  \"name\": \"my_cool_project\",\n  \"version\": \"0.0.1\",\n  \"description\": \"My Cool Project\",\n  \"main\": \"index.js\",\n  \"scripts\": {\n    \"start\": \"webpack-dev-server --config webpack.config.js\",\n    \"build\": \"webpack --config .\/webpack.deployment.config.js --progress --colors\"\n  },\n  \"author\": \"Smith Suth\",\n  \"license\": \"ISC\",\n  \"dependencies\": {\n    \"express\": \"^4.15.4\",\n    \"react\": \"^15.6.1\",\n    \"react-dom\": \"^15.6.1\",\n    \"webpack-dev-server\": \"^2.7.1\"\n  },\n  \"devDependencies\": {\n    \"babel-cli\": \"^6.26.0\",\n    \"babel-core\": \"^6.26.0\",\n    \"babel-loader\": \"^7.1.2\",\n    \"babel-preset-es2015\": \"^6.24.1\",\n    \"babel-preset-react\": \"^6.24.1\",\n    \"react-hot-loader\": \"^1.3.1\",\n    \"webpack\": \"^3.5.5\",\n    \"webpack-dev-middleware\": \"^1.12.0\",\n    \"webpack-hot-middleware\": \"^2.18.2\"\n  }\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>add the following&nbsp;<code>script<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  \"scripts\": {\n    \"start\": \"npm build &amp;&amp; node dist\/bundle.js\",\n    \"dev-start\": \"node dist\/bundle.js\",\n    \"build\": \"webpack --config .\/webpack.deployment.config.js --progress --colors\"\n  },<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<pre class=\"wp-block-code\"><code>mkdir app\ntouch app\/index.js\ntouch index.html\ntouch webpack.config.js\ntouch webpack.deployment.config.js<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>my&nbsp;<code>webpack.config.js<\/code>&nbsp;should look like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>var path = require('path');\nvar webpack = require('webpack');\n\nmodule.exports = {\n  entry: &#91;\n    '.\/app\/index.js'\n  ],\n  output: {\n    path: __dirname,\n    filename: 'app.js',\n    publicPath: '\/app\/assets\/'\n  },\n  module: {\n    loaders: &#91;\n      {\n        test: \/.jsx?$\/,\n        loader: 'babel-loader',\n        include: path.join(__dirname, 'app'),\n        exclude: \/node_modules\/,\n        query: {\n          presets: &#91;'es2015', 'react']\n        }\n      },\n      {\n        test: \/\\.scss$\/,\n        loader: 'style-loader!css-loader!sass-loader'\n      }\n    ]\n  },\n};\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>my&nbsp;<code>webpack.deployment.config.js<\/code>&nbsp;should look like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const path = require('path');\nconst webpack = require('webpack');\n\nmodule.exports = {\n  devtool: 'source-map',\n\n  entry: &#91;\n    '.\/app\/index.js'\n  ],\n  output: {\n    path: path.join(__dirname, 'dist'),\n    filename: 'app.js',\n    publicPath: '\/dist\/'\n  },\n  plugins: &#91;\n    new webpack.optimize.UglifyJsPlugin({\n      minimize: true,\n      compress: {\n        warnings: false\n      }\n    })\n  ],\n  module: {\n    loaders: &#91;{\n      test: \/.jsx?$\/,\n      loader: 'babel-loader',\n      include: path.join(__dirname, 'app'),\n      exclude: \/node_modules\/,\n      query: {\n        presets: &#91;'es2015', 'react']\n      }\n    }]\n  },\n};<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>my&nbsp;<code>app\/index.js<\/code>&nbsp;should looke like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport Component from '.\/Component.jsx';\n\nReactDOM.render(&lt;Component\/&gt;, document.getElementById('root'));\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>my&nbsp;<code>app\/Component.jsx<\/code>&nbsp;should looke like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import React, { Component } from &#039;react&#039;;\n\nexport default class MyComponent extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {}\n  }\n\n  render() {\n    return (\n      &lt;div&gt;\n        Hello, Harry!\n      &lt;\/div&gt;\n    )\n  }\n};<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>my&nbsp;<code>index.html<\/code>&nbsp;should look like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Project&lt;\/title&gt;\n    &lt;meta charset=&quot;utf-8&quot;&gt;\n    &lt;meta content=&quot;IE=edge,chrome=1&quot; http-equiv=&quot;X-UA-Compatible&quot;&gt;\n    &lt;meta content=&quot;width=device-width, initial-scale=1&quot; name=&quot;viewport&quot; \/&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;div id=&#039;root&#039;&gt;&lt;\/div&gt;\n    &lt;script src=&quot;http:\/\/localhost:8080\/app\/assets\/app.js&quot;&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>","protected":false},"excerpt":{"rendered":"<p>my&nbsp;package.json&nbsp;should look like this: add the following&nbsp;script: my&nbsp;webpack.config.js&nbsp;should look like this: my&nbsp;webpack.deployment.config.js&nbsp;should look like this: my&nbsp;app\/index.js&nbsp;should looke like this: my&nbsp;app\/Component.jsx&nbsp;should looke like this: my&nbsp;index.html&nbsp;should look like this:<\/p>","protected":false},"author":1,"featured_media":288,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[20],"class_list":["post-99","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-post","tag-code"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Setting up React &amp; Hot Reloader - S(ei)mith.io<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seimith.io\/pt\/2017\/11\/25\/setting-up-react-hot-reloader\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Setting up React &amp; Hot Reloader - S(ei)mith.io\" \/>\n<meta property=\"og:description\" content=\"my&nbsp;package.json&nbsp;should look like this: add the following&nbsp;script: my&nbsp;webpack.config.js&nbsp;should look like this: my&nbsp;webpack.deployment.config.js&nbsp;should look like this: my&nbsp;app\/index.js&nbsp;should looke like this: my&nbsp;app\/Component.jsx&nbsp;should looke like this: my&nbsp;index.html&nbsp;should look like this:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seimith.io\/pt\/2017\/11\/25\/setting-up-react-hot-reloader\/\" \/>\n<meta property=\"og:site_name\" content=\"S(ei)mith.io\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-25T21:33:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-20T00:24:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seimith.io\/wp-content\/uploads\/2020\/12\/placeholder_image.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/\"},\"author\":{\"name\":\"Smith\",\"@id\":\"https:\\\/\\\/seimith.io\\\/#\\\/schema\\\/person\\\/315065130ef0017986daf9a1127ce80a\"},\"headline\":\"Setting up React &#038; Hot Reloader\",\"datePublished\":\"2017-11-25T21:33:00+00:00\",\"dateModified\":\"2024-07-20T00:24:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/\"},\"wordCount\":51,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/seimith.io\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/placeholder_image.webp\",\"keywords\":[\"Code\"],\"articleSection\":[\"Post\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/\",\"url\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/\",\"name\":\"Setting up React & Hot Reloader - S(ei)mith.io\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/seimith.io\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/placeholder_image.webp\",\"datePublished\":\"2017-11-25T21:33:00+00:00\",\"dateModified\":\"2024-07-20T00:24:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/#\\\/schema\\\/person\\\/315065130ef0017986daf9a1127ce80a\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#primaryimage\",\"url\":\"https:\\\/\\\/seimith.io\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/placeholder_image.webp\",\"contentUrl\":\"https:\\\/\\\/seimith.io\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/placeholder_image.webp\",\"width\":700,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/seimith.io\\\/2017\\\/11\\\/25\\\/setting-up-react-hot-reloader\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/seimith.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Setting up React &#038; Hot Reloader\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/seimith.io\\\/#website\",\"url\":\"https:\\\/\\\/seimith.io\\\/\",\"name\":\"s(ei)mith.io\",\"description\":\"Ramblings written by\u00a0Smith Suth\u00a0who works at the intersection of Engineering, Product, and Design.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/seimith.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/seimith.io\\\/#\\\/schema\\\/person\\\/315065130ef0017986daf9a1127ce80a\",\"name\":\"Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a403a51628e8e4553b69960e9eb8b67184121e56ddf2fdf28c5f9515bb518208?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a403a51628e8e4553b69960e9eb8b67184121e56ddf2fdf28c5f9515bb518208?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a403a51628e8e4553b69960e9eb8b67184121e56ddf2fdf28c5f9515bb518208?s=96&d=mm&r=g\",\"caption\":\"Smith\"},\"sameAs\":[\"https:\\\/\\\/seimith.io\"],\"url\":\"https:\\\/\\\/seimith.io\\\/pt\\\/author\\\/seimithsuth\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Setting up React & Hot Reloader - S(ei)mith.io","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:\/\/seimith.io\/pt\/2017\/11\/25\/setting-up-react-hot-reloader\/","og_locale":"pt_BR","og_type":"article","og_title":"Setting up React & Hot Reloader - S(ei)mith.io","og_description":"my&nbsp;package.json&nbsp;should look like this: add the following&nbsp;script: my&nbsp;webpack.config.js&nbsp;should look like this: my&nbsp;webpack.deployment.config.js&nbsp;should look like this: my&nbsp;app\/index.js&nbsp;should looke like this: my&nbsp;app\/Component.jsx&nbsp;should looke like this: my&nbsp;index.html&nbsp;should look like this:","og_url":"https:\/\/seimith.io\/pt\/2017\/11\/25\/setting-up-react-hot-reloader\/","og_site_name":"S(ei)mith.io","article_published_time":"2017-11-25T21:33:00+00:00","article_modified_time":"2024-07-20T00:24:27+00:00","og_image":[{"width":700,"height":700,"url":"https:\/\/seimith.io\/wp-content\/uploads\/2020\/12\/placeholder_image.webp","type":"image\/webp"}],"author":"Smith","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Smith","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#article","isPartOf":{"@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/"},"author":{"name":"Smith","@id":"https:\/\/seimith.io\/#\/schema\/person\/315065130ef0017986daf9a1127ce80a"},"headline":"Setting up React &#038; Hot Reloader","datePublished":"2017-11-25T21:33:00+00:00","dateModified":"2024-07-20T00:24:27+00:00","mainEntityOfPage":{"@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/"},"wordCount":51,"commentCount":0,"image":{"@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#primaryimage"},"thumbnailUrl":"https:\/\/seimith.io\/wp-content\/uploads\/2020\/12\/placeholder_image.webp","keywords":["Code"],"articleSection":["Post"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/","url":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/","name":"Setting up React & Hot Reloader - S(ei)mith.io","isPartOf":{"@id":"https:\/\/seimith.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#primaryimage"},"image":{"@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#primaryimage"},"thumbnailUrl":"https:\/\/seimith.io\/wp-content\/uploads\/2020\/12\/placeholder_image.webp","datePublished":"2017-11-25T21:33:00+00:00","dateModified":"2024-07-20T00:24:27+00:00","author":{"@id":"https:\/\/seimith.io\/#\/schema\/person\/315065130ef0017986daf9a1127ce80a"},"breadcrumb":{"@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#primaryimage","url":"https:\/\/seimith.io\/wp-content\/uploads\/2020\/12\/placeholder_image.webp","contentUrl":"https:\/\/seimith.io\/wp-content\/uploads\/2020\/12\/placeholder_image.webp","width":700,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/seimith.io\/2017\/11\/25\/setting-up-react-hot-reloader\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seimith.io\/"},{"@type":"ListItem","position":2,"name":"Setting up React &#038; Hot Reloader"}]},{"@type":"WebSite","@id":"https:\/\/seimith.io\/#website","url":"https:\/\/seimith.io\/","name":"s(ei)mith.io","description":"Ramblings written by\u00a0Smith Suth\u00a0who works at the intersection of Engineering, Product, and Design.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seimith.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/seimith.io\/#\/schema\/person\/315065130ef0017986daf9a1127ce80a","name":"Smith","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/a403a51628e8e4553b69960e9eb8b67184121e56ddf2fdf28c5f9515bb518208?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a403a51628e8e4553b69960e9eb8b67184121e56ddf2fdf28c5f9515bb518208?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a403a51628e8e4553b69960e9eb8b67184121e56ddf2fdf28c5f9515bb518208?s=96&d=mm&r=g","caption":"Smith"},"sameAs":["https:\/\/seimith.io"],"url":"https:\/\/seimith.io\/pt\/author\/seimithsuth\/"}]}},"_links":{"self":[{"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/posts\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":1,"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/posts\/99\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/posts\/99\/revisions\/100"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/media\/288"}],"wp:attachment":[{"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/media?parent=99"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/categories?post=99"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seimith.io\/pt\/wp-json\/wp\/v2\/tags?post=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}