{"id":2239,"date":"2026-07-26T20:46:45","date_gmt":"2026-07-26T23:46:45","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=2239"},"modified":"2026-07-26T20:50:14","modified_gmt":"2026-07-26T23:50:14","slug":"como-criar-um-projeto-completo-em-react-componentes-props-e-usestate","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=2239","title":{"rendered":"Como Criar um Projeto Completo em React | Componentes, Props e useState"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Se voc\u00ea est\u00e1 come\u00e7ando a estudar React, provavelmente j\u00e1 ouviu falar em <strong>Componentes<\/strong>, <strong>Props<\/strong> e no famoso <strong>Hook useState<\/strong>. Esses tr\u00eas conceitos est\u00e3o presentes em praticamente todas as aplica\u00e7\u00f5es desenvolvidas com React e representam a base para construir interfaces modernas e reutiliz\u00e1veis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O problema \u00e9 que muitos cursos apresentam esses conceitos de forma isolada, utilizando pequenos exemplos que n\u00e3o mostram como eles trabalham juntos em um projeto real.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste artigo vamos construir uma <strong>Calculadora de IMC completa utilizando React<\/strong>, desenvolvendo uma aplica\u00e7\u00e3o moderna, organizada em componentes reutiliz\u00e1veis e utilizando <strong>Props<\/strong> e <strong>useState<\/strong> exatamente como acontece no desenvolvimento profissional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ao final da aula voc\u00ea ter\u00e1 um projeto completo que poder\u00e1 utilizar como base para diversos outros sistemas.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O que voc\u00ea vai aprender<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Durante o desenvolvimento do projeto ser\u00e3o apresentados diversos conceitos fundamentais do React.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea aprender\u00e1:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Como criar um projeto React<\/li>\n\n\n\n<li>Estrutura b\u00e1sica de uma aplica\u00e7\u00e3o React<\/li>\n\n\n\n<li>Organiza\u00e7\u00e3o de componentes<\/li>\n\n\n\n<li>Como reutilizar componentes<\/li>\n\n\n\n<li>Como utilizar Props para comunica\u00e7\u00e3o entre componentes<\/li>\n\n\n\n<li>Como utilizar o Hook useState<\/li>\n\n\n\n<li>Eventos onChange<\/li>\n\n\n\n<li>Eventos onSubmit<\/li>\n\n\n\n<li>Renderiza\u00e7\u00e3o Condicional<\/li>\n\n\n\n<li>Atualiza\u00e7\u00e3o autom\u00e1tica da interface<\/li>\n\n\n\n<li>Organiza\u00e7\u00e3o de c\u00f3digo<\/li>\n\n\n\n<li>Responsividade<\/li>\n\n\n\n<li>Boas pr\u00e1ticas de desenvolvimento<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Esses s\u00e3o conhecimentos utilizados diariamente por desenvolvedores React em aplica\u00e7\u00f5es profissionais.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O projeto desenvolvido<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Durante a aula construiremos uma <strong>Calculadora de IMC totalmente funcional<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A aplica\u00e7\u00e3o permitir\u00e1:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>informar peso;<\/li>\n\n\n\n<li>informar altura;<\/li>\n\n\n\n<li>calcular automaticamente o IMC;<\/li>\n\n\n\n<li>apresentar o resultado;<\/li>\n\n\n\n<li>indicar a classifica\u00e7\u00e3o do usu\u00e1rio;<\/li>\n\n\n\n<li>exibir uma interface moderna e responsiva.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Embora o projeto seja simples, ele demonstra praticamente todo o fluxo de funcionamento de uma aplica\u00e7\u00e3o React.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Entendendo os Componentes<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Um dos maiores diferenciais do React \u00e9 a utiliza\u00e7\u00e3o de <strong>Componentes<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em vez de escrever toda a interface dentro de um \u00fanico arquivo, dividimos a aplica\u00e7\u00e3o em pequenas partes independentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por exemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Formul\u00e1rio<\/li>\n\n\n\n<li>Resultado<\/li>\n\n\n\n<li>Cabe\u00e7alho<\/li>\n\n\n\n<li>Rodap\u00e9<\/li>\n\n\n\n<li>Menu<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cada componente possui sua pr\u00f3pria responsabilidade.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa organiza\u00e7\u00e3o facilita a manuten\u00e7\u00e3o do c\u00f3digo, aumenta a reutiliza\u00e7\u00e3o e torna o projeto muito mais profissional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No projeto da Calculadora de IMC utilizaremos componentes separados para organizar toda a interface.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O papel das Props<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Depois de dividir uma aplica\u00e7\u00e3o em componentes, surge uma necessidade importante:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Como enviar informa\u00e7\u00f5es de um componente para outro?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 exatamente nesse momento que utilizamos as <strong>Props<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As Props funcionam como par\u00e2metros enviados entre componentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No projeto, utilizaremos esse recurso para compartilhar informa\u00e7\u00f5es e tornar os componentes totalmente reutiliz\u00e1veis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esse conceito est\u00e1 presente em praticamente qualquer aplica\u00e7\u00e3o React.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Entendendo o Hook useState<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Outro conceito essencial \u00e9 o <strong>Hook useState<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ele permite armazenar informa\u00e7\u00f5es que podem mudar durante a execu\u00e7\u00e3o da aplica\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por exemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>peso;<\/li>\n\n\n\n<li>altura;<\/li>\n\n\n\n<li>resultado do c\u00e1lculo;<\/li>\n\n\n\n<li>classifica\u00e7\u00e3o do IMC.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Sempre que esses dados forem alterados, o React atualizar\u00e1 automaticamente a interface sem que seja necess\u00e1rio manipular o HTML manualmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa atualiza\u00e7\u00e3o autom\u00e1tica \u00e9 um dos maiores benef\u00edcios do React.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Como funciona o fluxo da aplica\u00e7\u00e3o<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Durante o projeto o fluxo acontece da seguinte forma:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>O usu\u00e1rio informa peso e altura.<\/li>\n\n\n\n<li>Os valores s\u00e3o armazenados utilizando <strong>useState<\/strong>.<\/li>\n\n\n\n<li>Ao clicar em <strong>Calcular<\/strong>, o React executa a fun\u00e7\u00e3o respons\u00e1vel pelo c\u00e1lculo.<\/li>\n\n\n\n<li>O resultado \u00e9 salvo em um novo estado.<\/li>\n\n\n\n<li>A interface \u00e9 atualizada automaticamente.<\/li>\n\n\n\n<li>O componente respons\u00e1vel pelo resultado recebe as informa\u00e7\u00f5es atrav\u00e9s das <strong>Props<\/strong> e exibe a classifica\u00e7\u00e3o correspondente.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Esse fluxo representa exatamente a forma como aplica\u00e7\u00f5es React funcionam.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Organiza\u00e7\u00e3o do projeto<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Durante a aula tamb\u00e9m ser\u00e1 apresentada uma organiza\u00e7\u00e3o semelhante \u00e0 utilizada em projetos profissionais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A estrutura ficar\u00e1 dividida em componentes espec\u00edficos, facilitando futuras expans\u00f5es da aplica\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa pr\u00e1tica torna o c\u00f3digo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>mais limpo;<\/li>\n\n\n\n<li>mais organizado;<\/li>\n\n\n\n<li>mais reutiliz\u00e1vel;<\/li>\n\n\n\n<li>mais f\u00e1cil de manter.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Tecnologias utilizadas<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Neste projeto utilizamos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>React<\/li>\n\n\n\n<li>JavaScript<\/li>\n\n\n\n<li>JSX<\/li>\n\n\n\n<li>Componentes<\/li>\n\n\n\n<li>Props<\/li>\n\n\n\n<li>Hook useState<\/li>\n\n\n\n<li>CSS<\/li>\n\n\n\n<li>HTML<\/li>\n\n\n\n<li>Vite<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Assista \u00e0 aula completa<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83c\udfa5 V\u00eddeo editado<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Como Criar um Projeto Completo em React | Componentes, Props e useState\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/xs5XGMCDOgk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udcfa Live completa<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea deseja acompanhar todo o desenvolvimento passo a passo, assista ao v\u00eddeo completo no YouTube.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"React para Iniciantes | Projeto Completo com Componentes, Props e useState\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/URl6RmEJCww?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udcbb C\u00f3digo-fonte<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/github.com\/marcoscaldas\/imcReact.git\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O que voc\u00ea ser\u00e1 capaz de desenvolver depois desta aula<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Ap\u00f3s concluir este projeto, voc\u00ea estar\u00e1 preparado para criar diversas aplica\u00e7\u00f5es utilizando a mesma arquitetura apresentada, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Calculadoras<\/li>\n\n\n\n<li>Sistemas de cadastro<\/li>\n\n\n\n<li>Formul\u00e1rios<\/li>\n\n\n\n<li>Dashboards<\/li>\n\n\n\n<li>Aplica\u00e7\u00f5es CRUD<\/li>\n\n\n\n<li>Sistemas administrativos<\/li>\n\n\n\n<li>Pain\u00e9is de controle<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Todos esses projetos utilizam exatamente os mesmos conceitos apresentados nesta aula.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Conclus\u00e3o<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Aprender React vai muito al\u00e9m de decorar comandos ou copiar exemplos prontos. O verdadeiro aprendizado acontece quando entendemos como <strong>Componentes<\/strong>, <strong>Props<\/strong> e <strong>useState<\/strong> trabalham juntos para construir aplica\u00e7\u00f5es reais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste projeto voc\u00ea desenvolveu uma aplica\u00e7\u00e3o completa do zero, organizando o c\u00f3digo em componentes reutiliz\u00e1veis, compartilhando informa\u00e7\u00f5es atrav\u00e9s das Props e controlando o estado da aplica\u00e7\u00e3o com o Hook useState.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esses conceitos representam a base do desenvolvimento moderno com React e servir\u00e3o como fundamento para estudos mais avan\u00e7ados, como consumo de APIs, React Router, Context API, autentica\u00e7\u00e3o e aplica\u00e7\u00f5es Full Stack.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Continue praticando, experimente adicionar novas funcionalidades \u00e0 calculadora e utilize este projeto como refer\u00eancia para construir aplica\u00e7\u00f5es cada vez mais completas. \u00c9 assim que se desenvolve seguran\u00e7a e experi\u00eancia no ecossistema React.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea est\u00e1 come\u00e7ando a estudar React, provavelmente j\u00e1 ouviu falar em Componentes, Props e no famoso Hook useState. Esses tr\u00eas conceitos est\u00e3o presentes em praticamente todas as aplica\u00e7\u00f5es desenvolvidas com React e representam a base para construir interfaces modernas e reutiliz\u00e1veis. O problema \u00e9 que muitos cursos apresentam esses conceitos de forma isolada, utilizando pequenos exemplos que n\u00e3o mostram como eles trabalham juntos em um projeto real. Neste artigo vamos construir uma Calculadora de IMC completa utilizando React, desenvolvendo uma aplica\u00e7\u00e3o moderna, organizada em componentes reutiliz\u00e1veis e utilizando Props e useState exatamente como acontece no desenvolvimento profissional. Ao final da aula voc\u00ea ter\u00e1 um projeto completo que poder\u00e1 utilizar como base para diversos outros sistemas. O que voc\u00ea vai aprender Durante o desenvolvimento do projeto ser\u00e3o apresentados diversos conceitos fundamentais do React. Voc\u00ea aprender\u00e1: Esses s\u00e3o conhecimentos utilizados diariamente por desenvolvedores React em aplica\u00e7\u00f5es profissionais. O projeto desenvolvido Durante a aula construiremos uma Calculadora de IMC totalmente funcional. A aplica\u00e7\u00e3o permitir\u00e1: Embora o projeto seja simples, ele demonstra praticamente todo o fluxo de funcionamento de uma aplica\u00e7\u00e3o React. Entendendo os Componentes Um dos maiores diferenciais do React \u00e9 a utiliza\u00e7\u00e3o de Componentes. Em vez de escrever toda a interface dentro de um \u00fanico arquivo, dividimos a aplica\u00e7\u00e3o em pequenas partes independentes. Por exemplo: Cada componente possui sua pr\u00f3pria responsabilidade. Essa organiza\u00e7\u00e3o facilita a manuten\u00e7\u00e3o do c\u00f3digo, aumenta a reutiliza\u00e7\u00e3o e torna o projeto muito mais profissional. No projeto da Calculadora de IMC utilizaremos componentes separados para organizar toda a interface. O papel das Props Depois de dividir uma aplica\u00e7\u00e3o em componentes, surge uma necessidade importante: Como enviar informa\u00e7\u00f5es de um componente para outro? \u00c9 exatamente nesse momento que utilizamos as Props. As Props funcionam como par\u00e2metros enviados entre componentes. No projeto, utilizaremos esse recurso para compartilhar informa\u00e7\u00f5es e tornar os componentes totalmente reutiliz\u00e1veis. Esse conceito est\u00e1 presente em praticamente qualquer aplica\u00e7\u00e3o React. Entendendo o Hook useState Outro conceito essencial \u00e9 o Hook useState. Ele permite armazenar informa\u00e7\u00f5es que podem mudar durante a execu\u00e7\u00e3o da aplica\u00e7\u00e3o. Por exemplo: Sempre que esses dados forem alterados, o React atualizar\u00e1 automaticamente a interface sem que seja necess\u00e1rio manipular o HTML manualmente. Essa atualiza\u00e7\u00e3o autom\u00e1tica \u00e9 um dos maiores benef\u00edcios do React. Como funciona o fluxo da aplica\u00e7\u00e3o Durante o projeto o fluxo acontece da seguinte forma: Esse fluxo representa exatamente a forma como aplica\u00e7\u00f5es React funcionam. Organiza\u00e7\u00e3o do projeto Durante a aula tamb\u00e9m ser\u00e1 apresentada uma organiza\u00e7\u00e3o semelhante \u00e0 utilizada em projetos profissionais. A estrutura ficar\u00e1 dividida em componentes espec\u00edficos, facilitando futuras expans\u00f5es da aplica\u00e7\u00e3o. Essa pr\u00e1tica torna o c\u00f3digo: Tecnologias utilizadas Neste projeto utilizamos: Assista \u00e0 aula completa \ud83c\udfa5 V\u00eddeo editado \ud83d\udcfa Live completa Se voc\u00ea deseja acompanhar todo o desenvolvimento passo a passo, assista ao v\u00eddeo completo no YouTube. \ud83d\udcbb C\u00f3digo-fonte O que voc\u00ea ser\u00e1 capaz de desenvolver depois desta aula Ap\u00f3s concluir este projeto, voc\u00ea estar\u00e1 preparado para criar diversas aplica\u00e7\u00f5es utilizando a mesma arquitetura apresentada, como: Todos esses projetos utilizam exatamente os mesmos conceitos apresentados nesta aula. Conclus\u00e3o Aprender React vai muito al\u00e9m de decorar comandos ou copiar exemplos prontos. O verdadeiro aprendizado acontece quando entendemos como Componentes, Props e useState trabalham juntos para construir aplica\u00e7\u00f5es reais. Neste projeto voc\u00ea desenvolveu uma aplica\u00e7\u00e3o completa do zero, organizando o c\u00f3digo em componentes reutiliz\u00e1veis, compartilhando informa\u00e7\u00f5es atrav\u00e9s das Props e controlando o estado da aplica\u00e7\u00e3o com o Hook useState. Esses conceitos representam a base do desenvolvimento moderno com React e servir\u00e3o como fundamento para estudos mais avan\u00e7ados, como consumo de APIs, React Router, Context API, autentica\u00e7\u00e3o e aplica\u00e7\u00f5es Full Stack. Continue praticando, experimente adicionar novas funcionalidades \u00e0 calculadora e utilize este projeto como refer\u00eancia para construir aplica\u00e7\u00f5es cada vez mais completas. \u00c9 assim que se desenvolve seguran\u00e7a e experi\u00eancia no ecossistema React.<\/p>\n","protected":false},"author":1,"featured_media":2240,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[22],"tags":[],"class_list":["post-2239","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react"],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2239"}],"version-history":[{"count":4,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2239\/revisions"}],"predecessor-version":[{"id":2244,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2239\/revisions\/2244"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/2240"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}