{"id":3307,"date":"2022-08-14T17:31:03","date_gmt":"2022-08-14T20:31:03","guid":{"rendered":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/?p=3307"},"modified":"2025-09-02T14:34:12","modified_gmt":"2025-09-02T17:34:12","slug":"material-ui-framework-react-ui","status":"publish","type":"post","link":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/2022\/08\/14\/material-ui-framework-react-ui","title":{"rendered":"Material UI &#8211; Framework React UI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3307\" class=\"elementor elementor-3307\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3edbd21b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3edbd21b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-38cda1ed\" data-id=\"38cda1ed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-574f0cbe elementor-widget elementor-widget-text-editor\" data-id=\"574f0cbe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 style=\"line-height: 1.3800000000000001;text-align: center;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 24pt\"><strong><span style=\"font-family: Roboto, sans-serif;color: #000000;background-color: transparent;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Material UI &#8211; Framework React UI<\/span><\/strong><\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"><br \/><\/span><span style=\"font-size: 14pt;font-family: Roboto, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Uma breve introdu\u00e7\u00e3o<\/span><\/h1><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: center;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"><span style=\"border: none;overflow: hidden;width: 123px;height: 97px\"><img decoding=\"async\" style=\"margin-left: 0px;margin-top: 0px\" src=\"https:\/\/lh5.googleusercontent.com\/pYaYsRU0rOzKhHHot84CvoU4LW-GcEOPQVYvSzxfvTu8Juw8MAMHV9kaOH4rTSdXTIvPDmYTDYqlAiolRSwhrJ2DZK1omH_WkNCztPekTvRgCC8eWPkaOonRxLksyPwBIigxi2Zjl-OhUGY-wQqYeg\" width=\"171\" height=\"136\" \/><\/span><\/span><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: center;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Imagem: Logo Material UI<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Ol\u00e1 pessoal, como est\u00e3o? O PET-SI preparou mais uma reda\u00e7\u00e3o para voc\u00ea, desta vez abordando um tema sobre uma biblioteca gr\u00e1fica voltada para o framework React. Portanto, o objetivo desta reda\u00e7\u00e3o \u00e9 mostrar exemplos de interfaces e o porqu\u00ea de se utilizar a Material UI.<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">O React \u00e9 amplamente utilizado em todos os dom\u00ednios. Bibliotecas e frameworks React UI s\u00e3o introduzidos, para que novos recursos possam ser fornecidos aos desenvolvedores. Devido a essas bibliotecas e estruturas, o desenvolvimento se tornou mais flex\u00edvel e mais criativo<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">A Material UI \u00e9 uma biblioteca de componentes <\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: bold;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">React <\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">de c\u00f3digo aberto que implementa o <a href=\"https:\/\/material.io\/\">design<\/a><\/span> <span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">do Google.<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Ele inclui uma cole\u00e7\u00e3o abrangente de componentes pr\u00e9-constru\u00eddos que est\u00e3o prontos para uso na produ\u00e7\u00e3o imediata.<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Basicamente a sua forma de uso baseia-se em utiliza\u00e7\u00e3o de componentes <\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: bold;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">autossuficientes<\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">, n\u00e3o dependendo assim de uma folha de estilo global como o normalize.css. Portanto, ela \u00e9 f\u00e1cil de aprendizado e possui uma \u00f3tima colabora\u00e7\u00e3o entre equipes, trazendo uma experi\u00eancia intuitiva para o desenvolvedor, rompendo a barreira de entrada para desenvolvedores back-end e designers menos t\u00e9cnicos. A priori, seu kit de design simples facilita o fluxo de trabalho e aumenta a consist\u00eancia entre designers e desenvolvedores.<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Para criarmos um projeto e instalar a Material UI \u00e9 muito simples, basta seguir esses passos:<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Come\u00e7aremos criando um App React com a CLI do create-react-app, onde \u00e9 feito a configura\u00e7\u00e3o do webpack entre outras.<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">create-react-app material-app<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Ap\u00f3s isso, no diret\u00f3rio, abra o terminal e instale a Material UI em seu projeto:<\/span><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"><br \/><\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">NPM:<\/span><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">npm install @material-ui\/core<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">YARN:<\/span><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">yarn add @material-ui\/core<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">E pronto, seu projeto j\u00e1 est\u00e1 preparado para utilizar a Material UI. A partir da\u00ed, utilize seus conhecimentos em React, busque temas, inspira\u00e7\u00f5es e componentes dispon\u00edveis dentro da documenta\u00e7\u00e3o. Outrossim, ela \u00e9 completamente personaliz\u00e1vel, podendo modificar todos os aspectos do design do seu projeto, atendendo assim \u00e0s necessidades espec\u00edficas do seu neg\u00f3cio ou marca. A Material UI\u00a0<\/span><span style=\"font-family: Arial;color: #000000;font-size: 12pt;background-color: var(--bs-body-bg);text-align: var(--bs-body-text-align);vertical-align: baseline\">\u00e9 muito r\u00e1pida, por isso nunca se torna um problema a ser resolvido ao otimizar o desempenho de seu aplicativo ou site. Trabalhe com todos os objetos de tema: a <\/span><span style=\"font-family: Arial;color: #000000;font-size: 12pt;background-color: var(--bs-body-bg);text-align: var(--bs-body-text-align);font-weight: bold;vertical-align: baseline\">biblioteca Material UI<\/span><span style=\"font-family: Arial;color: #000000;font-size: 12pt;background-color: var(--bs-body-bg);text-align: var(--bs-body-text-align);vertical-align: baseline\"> \u00e9 compat\u00edvel, o que gera menos erros, e tamb\u00e9m funciona com as solu\u00e7\u00f5es CSS-in-JS.<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">A melhores equipes de produtos do mundo confiam na MUI, segue exemplos:<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: center;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"><span style=\"border: none;overflow: hidden;width: 116px;height: 60px\"><img decoding=\"async\" style=\"margin-left: 0px;margin-top: 0px\" src=\"https:\/\/lh6.googleusercontent.com\/1eo736dZHOSQJXvS2VnBoLSkQkfeEAZ-cfGMyp1B6BrZBDoUA98prOqmICEh4oRDeElASNQWZbdcY-AWjWvwslG6AlcXO_YS569EdiX_5R81Cpq7gSXJknhiT11-cD8frpRva4ov_amO9iXchQ_2MQ\" width=\"116\" height=\"60\" \/><\/span><\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"> \u00a0 \u00a0 <\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"><span style=\"border: none;overflow: hidden;width: 89px;height: 58px\"><img decoding=\"async\" style=\"margin-left: 0px;margin-top: 0px\" src=\"https:\/\/lh3.googleusercontent.com\/np7wttnNq5CNQSctOl9D2iZBEEQSiyfzVqsLl3jLIvhzkZZRx5Uu8pauwIS5Eipl20GHZTUn5s526ymcy6fnGU-ZyIFi0D2cffTni0OwEbzJy0LRZolwiSGLL7UF632ZdyCVmBeRNq0nQwhY-1_TOA\" width=\"89\" height=\"58\" \/><\/span><\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"> \u00a0 \u00a0 <\/span><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"><span style=\"border: none;overflow: hidden;width: 61px;height: 50px\"><img loading=\"lazy\" decoding=\"async\" style=\"margin-left: 0px;margin-top: 0px\" src=\"https:\/\/lh6.googleusercontent.com\/8NeIkpDzYcWldMeSfaC7tE2_nVdN1XyxAI-t_sc1_0JXvQiyecIZ8tCOLA_kiugx-v6tf-sEf4xNNxog_8S2rNNTEabPEscVz-9v3slDVd2CTmr3QT0GpgICOwgMQymf86UV9DrjLaVZu-xIqr8ArA\" width=\"61\" height=\"50\" \/><\/span><\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Segue um exemplo de um projeto com a Material UI:<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: center;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\"><span style=\"border: none;overflow: hidden;width: 527px;height: 394px\"><img loading=\"lazy\" decoding=\"async\" style=\"margin-left: 0px;margin-top: 0px\" src=\"https:\/\/lh3.googleusercontent.com\/UpMZiG75549nQicWI-o1GC-JIvGDC43CvPnwsURyJHBbCtZAdbyCxtdeOtmkoCdvH41QHvPZ0lN7EtwW5fnj8bsSyiqM5o3eXwgyz8lF2r_AQbb_jylBaJbvfXX5lWyTdqXqGyE4bQhk30JB7iwZCA\" width=\"527\" height=\"394\" \/><\/span><\/span><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Refer\u00eancias:\u00a0<\/span><\/p><p><b style=\"font-weight: normal\">\u00a0<\/b><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><a style=\"text-decoration: none\" href=\"https:\/\/mui.com\/\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: underline;vertical-align: baseline\">https:\/\/mui.com\/<\/span><\/a><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><a style=\"text-decoration: none\" href=\"https:\/\/blog.rocketseat.com.br\/react-material-ui\/\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #000000;background-color: #ffffff;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: underline;vertical-align: baseline\">https:\/\/blog.rocketseat.com.br\/react-material-ui\/<\/span><\/a><\/p><p dir=\"ltr\" style=\"line-height: 1.3800000000000001;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\"><a style=\"text-decoration: none\" href=\"https:\/\/acervolima.com\/as-5-principais-bibliotecas-de-iu-do-react-que-voce-deve-explorar-em-2021\/\"><span style=\"font-size: 12pt;font-family: Roboto,sans-serif;color: #1155cc;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: underline;vertical-align: baseline\">https:\/\/acervolima.com\/as-5-principais-bibliotecas-de-iu-do-react-que-voce-deve-explorar-em-2021\/<\/span><\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Material UI &#8211; Framework React UIUma breve introdu\u00e7\u00e3o \u00a0 Imagem: Logo Material UI \u00a0 Ol\u00e1 pessoal, como est\u00e3o? O PET-SI preparou mais uma reda\u00e7\u00e3o para voc\u00ea, desta vez abordando um tema sobre uma biblioteca gr\u00e1fica voltada para o framework React. Portanto, o objetivo desta reda\u00e7\u00e3o \u00e9 mostrar exemplos de interfaces e o porqu\u00ea de se [&hellip;]<\/p>\n","protected":false},"author":5643,"featured_media":3308,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[124,112],"tags":[203,149,192],"class_list":["post-3307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destaques","category-redacao","tag-frameworks","tag-redacao","tag-web-e-front-end"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/3307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/users\/5643"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/comments?post=3307"}],"version-history":[{"count":0,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/3307\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media\/3308"}],"wp:attachment":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media?parent=3307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/categories?post=3307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/tags?post=3307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}