{"id":3833,"date":"2022-11-04T05:55:52","date_gmt":"2022-11-04T05:55:52","guid":{"rendered":"https:\/\/nfthelpers.io\/?p=3833"},"modified":"2024-02-29T14:17:11","modified_gmt":"2024-02-29T14:17:11","slug":"conectar-react-metamask","status":"publish","type":"post","link":"https:\/\/nfthelpers.io\/conectar-react-metamask","title":{"rendered":"Conectar React App con MetaMask \u2013 Tutoriales desde Cero"},"content":{"rendered":"\n<p>El sitio web de NFT Helpers es WordPress y me preocupa que sufra un hackeo.<\/p>\n\n\n\n<p>As\u00ed que estoy haciendo la validaci\u00f3n de Wallet en un servidor independiente en React.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Conectar y Firmar con React y MetaMask (TUTORIALES EN DESCRIPCION)\" width=\"800\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/3cwAc6UKLQw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Conectar y Firmar con React y MetaMask<\/figcaption><\/figure>\n\n\n\n<p>Es la primera vez que trabajo con esto y fue una gozada.<\/p>\n\n\n\n<p>Estos son los tutoriales que segu\u00ed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. React b\u00e1sico desde cero en minutos<\/h2>\n\n\n\n<p>Hace una App de un listado de tareas que pueden manipularse.<\/p>\n\n\n\n<p>Se entiende super bien y cubre un mont\u00f3n de cosas, incluyendo la instalaci\u00f3n por terminal.<\/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=\"APRENDE REACT B\u00c1SICO en 30 MINUTOS \u23f0  - Tutorial de React.js Desde Cero\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/EMk6nom1aS4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">APRENDE REACT B\u00c1SICO en 30 MINUTOS \u23f0 &#8211; Tutorial de React.js Desde Cero &#8211; Carlos Azaustre<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. C\u00f3mo conectar una app de React con MetaMask<\/h2>\n\n\n\n<p>Tambi\u00e9n super b\u00e1sico, entendible, r\u00e1pido y f\u00e1cil.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Ethereum Dapp: Connect React app to MetaMask Tutorial\" width=\"800\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/uWeK30vg35c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Ethereum Dapp: Connect React app to MetaMask Tutorial &#8211; Michael Couch<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Firmar y verificar firmas con React y MetaMask<\/h2>\n\n\n\n<p>Para poder a comenzar a valida un usuario hay que hacerlo firmar un mensaje.<\/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=\"Sign and Verify messages with  React.js and MetaMask\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/vhUjCLYlnMM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Sign and Verify messages with React.js and MetaMask &#8211; Artur Chmaro<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>El sitio web de NFT Helpers es WordPress y me preocupa que sufra un hackeo. As\u00ed que estoy haciendo la validaci\u00f3n de Wallet en un servidor independiente en React. Es la primera vez que trabajo con esto y fue una gozada. Estos son los tutoriales que segu\u00ed. 1. React b\u00e1sico desde cero en minutos Hace [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3838,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[9],"_links":{"self":[{"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/posts\/3833"}],"collection":[{"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/comments?post=3833"}],"version-history":[{"count":4,"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/posts\/3833\/revisions"}],"predecessor-version":[{"id":3852,"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/posts\/3833\/revisions\/3852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/media\/3838"}],"wp:attachment":[{"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/media?parent=3833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/categories?post=3833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfthelpers.io\/wp-json\/wp\/v2\/tags?post=3833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}