{"id":2224,"date":"2019-05-16T13:36:03","date_gmt":"2019-05-16T11:36:03","guid":{"rendered":"https:\/\/2019.sevilla.wordcamp.org\/?post_type=wcb_session&#038;p=2224"},"modified":"2019-10-23T21:12:50","modified_gmt":"2019-10-23T19:12:50","slug":"crea-un-tema-con-react-en-menos-de-30-minutos","status":"publish","type":"wcb_session","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/session\/crea-un-tema-con-react-en-menos-de-30-minutos\/","title":{"rendered":"Crea un tema con React en menos de 30 minutos"},"content":{"rendered":"\n<p>\u00bfPor qu\u00e9 hacer un tema con React? \u00bfY qu\u00e9 beneficios tiene un tema hecho en React frente a un tema tradicional de PHP? Tras una introducci\u00f3n a esta nueva forma de trabajar con WordPress que se abre ante nosotros te mostraremos c\u00f3mo puedes crear un tema con React para tu sitio WordPress en menos de 30 minutos.<\/p>\n\n\n\n<p>No te preocupes, te ense\u00f1aremos todo lo necesario para que despu\u00e9s te puedas desenvolver t\u00fa solo. \u00bfNuestro objetivo? \u00a1Que salgas del taller con un nuevo tema perfectamente funcional e incre\u00edblemente r\u00e1pido para tu blog! \u00bfTe animas? \u00a1Pues manos a la obra!<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"525\" height=\"296\" src=\"https:\/\/www.youtube.com\/embed\/gOwrldmBLrQ?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=es-ES&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n<ul class=\"wordcamp-block wordcamp-post-list has-layout-list wordcamp-speakers\"><li class=\"wordcamp-post-list__post wordcamp-clearfix\">\n<div class=\"wordcamp-speaker wordcamp-speakers__post slug-david-arenas\">\n\t<h3 class=\"wordcamp-block__item-title wordcamp-speakers__title\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/david-arenas\/\">David Arenas<\/a><\/h3>\n\t\t\t<div class=\"wordcamp-image__avatar-container align-none\">\n\t\t\t<a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/david-arenas\/\" class=\"wordcamp-image__avatar-link\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/163534e7c4dbf4c00506513e863c434a267719b78919b3b3706b349f82e43831?s=150&amp;d=mm&amp;r=g\" alt=\"Avatar de David Arenas\" \/>\t\t\t<\/a>\n\t\t<\/div>\n\t\n\t\t\t<div class=\"wordcamp-block__item-content wordcamp-speakers__content is-full\"><p>David es ingeniero inform\u00e1tico, fan\u00e1tico de JavaScript, React, Nodejs, y del Metal \ud83e\udd18. Ha trabajado como desarrollador web desde 2013. En 2017 entr\u00f3 a formar parte del equipo de Worona, poco antes de convertirse en Frontity. Durante esa etapa adquiri\u00f3 y fue ganando experiencia con WordPress (sobre todo la REST API), y otras tecnolog\u00edas como React, Babel, Webpack o TypeScript.<\/p>\n<p>Desde hace a\u00f1o y medio trabaja dise\u00f1ando e implementando el framework que, en junio de 2019, se transform\u00f3 en el proyecto open-source de Frontity.org.<\/p>\n<\/div>\t\n\t<\/div>\n\n<\/li><li class=\"wordcamp-post-list__post wordcamp-clearfix\">\n<div class=\"wordcamp-speaker wordcamp-speakers__post slug-luis-herranz\">\n\t<h3 class=\"wordcamp-block__item-title wordcamp-speakers__title\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/luis-herranz\/\">Luis Herranz<\/a><\/h3>\n\t\t\t<div class=\"wordcamp-image__avatar-container align-none\">\n\t\t\t<a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/luis-herranz\/\" class=\"wordcamp-image__avatar-link\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/9835f25c50703f8afc168ddde55220a4735a1db5a3ab68872f4a16f018066a8c?s=150&amp;d=mm&amp;r=g\" alt=\"Avatar de Luis Herranz\" \/>\t\t\t<\/a>\n\t\t<\/div>\n\t\n\t\t\t<div class=\"wordcamp-block__item-content wordcamp-speakers__content is-full\"><p>Ingeniero de Sonido y Software y emprendedor. Despu\u00e9s de trabajar unos a\u00f1os en estudios de grabaci\u00f3n, empez\u00f3 su viaje hacia el emprendimiento en 2011 con TrainYourEars.com, un software de entrenamiento auditivo para ingenieros de sonido que a d\u00eda de hoy sigue siendo utilizado por miles de profesionales, escuelas y universidades de sonido. En 2015 empez\u00f3 tambi\u00e9n un proyecto open source de paneles ac\u00fasticos llamado <a href=\"https:\/\/HertzLovers.com\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"HertzLovers.com (abre en una nueva pesta\u00f1a)\">HertzLovers.com<\/a> para ayudar a peque\u00f1os estudios de grabaci\u00f3n a mejorar su ac\u00fastica.<\/p>\n<p>A d\u00eda de hoy, Luis es cofundador y CTO de <a href=\"https:\/\/Frontity.org\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Frontity.org (abre en una nueva pesta\u00f1a)\">Frontity.org<\/a>, un proyecto open source para crear webs con WordPress (como headless CMS) y React. Luis tiene una amplia experiencia con proyectos open source y lleva usando tanto WordPress como React desde sus principios.<\/p>\n<\/div>\t\n\t<\/div>\n\n<\/li><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Aperitivo formativo<\/h2>\n\n\n\n<p>David y Luis han preparado un taller para este septiembre en la Meetup de WordPress Devs de Madrid que puede servir de introducci\u00f3n a su taller. Si est\u00e1s por all\u00ed puedes asistir, y si no, pronto lo encontrar\u00e1s enlazado aqu\u00ed para poder revisarlo. <\/p>\n\n\n\n<p>Si traes Node instalado en tu equipo, mejor:  <a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/nodejs.org\/\">https:\/\/nodejs.org<\/a> <\/p>\n\n\n\n<p>Puedes mirarte esto: <\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/docs.frontity.org\/javascript-and-and-react\/javascript-basics\">https:\/\/docs.frontity.org\/javascript-and-and-react\/javascript-basics<\/a><br><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/docs.frontity.org\/javascript-and-and-react\/react-basic\">https:\/\/docs.frontity.org\/javascript-and-and-react\/react-basic<\/a><\/p>\n\n\n\n<p>Y si quieres avanzar un poco m\u00e1s:<br><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/docs.frontity.org\/learning-frontity\">https:\/\/docs.frontity.org\/learning-frontity<\/a><\/p>\n\n\n\n<p>O bien puedes usar tu acceso a OpenWebinars y mirar estos cursos relacionados:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/openwebinars.net\/cursos\/react\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/cursos\/react\/<\/a><\/li><li><a href=\"https:\/\/openwebinars.net\/talleres\/react-hooks\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/talleres\/react-hooks\/<\/a><\/li><li><a href=\"https:\/\/openwebinars.net\/cursos\/javascript-wordpress\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/cursos\/javascript-wordpress\/<\/a><\/li><li><a href=\"https:\/\/openwebinars.net\/cursos\/npm-yarn\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/cursos\/npm-yarn\/<\/a><\/li><li><a href=\"https:\/\/openwebinars.net\/cursos\/webpack-basico\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/cursos\/webpack-basico\/<\/a><\/li><li><a href=\"https:\/\/openwebinars.net\/cursos\/javascript\/\" rel=\"nofollow\">https:\/\/openwebinars.net\/cursos\/javascript\/<\/a><\/li><\/ul>\n\n\n\n<p>Por \u00faltimo y como extra, puedes ver este taller de introducci\u00f3n a React que hizo Sonia en la WordPress Meetup Madrid for Devs  hace un par de semanas:<br><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=tow1PrsnB2M\">https:\/\/www.youtube.com\/watch?v=tow1PrsnB2M<\/a> <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Enlace a la presentaci\u00f3n y el v\u00eddeo en WordPress.tv<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfPor qu\u00e9 hacer un tema con React? \u00bfY qu\u00e9 beneficios tiene un tema hecho en React frente a un tema tradicional de PHP? Tras una introducci\u00f3n a esta nueva forma de trabajar con WordPress que se abre ante nosotros te mostraremos c\u00f3mo puedes crear un tema con React para tu sitio WordPress en menos de &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/session\/crea-un-tema-con-react-en-menos-de-30-minutos\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abCrea un tema con React en menos de 30 minutos\u00bb<\/span><\/a><\/p>\n","protected":false},"author":15713282,"featured_media":5626,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1570203900,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/2019-developers.sevilla.wordcamp.org\/files\/2019\/10\/Intermediate-17.45-Herranz-y-Arenas-Crea-un-tema-con-React-en-menos-de-30-minutos.pdf","_wcpt_session_video":"https:\/\/wordpress.tv\/2019\/10\/18\/david-arenas-luis-herranz-crea-un-tema-con-react-en-menos-de-30-minutos\/","_wcpt_speaker_id":[3274,3276],"footnotes":""},"session_track":[1269856],"session_category":[8327,34220],"class_list":["post-2224","wcb_session","type-wcb_session","status-publish","has-post-thumbnail","hentry","wcb_track-aula-intermediate","wcb_session_category-intermediate","wcb_session_category-taller"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/papmcC-zS","session_date_time":{"date":"4 de octubre de 2019","time":"17:45"},"session_speakers":[{"id":"3274","slug":"david-arenas","name":"David Arenas","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/david-arenas\/"},{"id":"3276","slug":"luis-herranz","name":"Luis Herranz","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/luis-herranz\/"}],"session_cats_rendered":"Intermedio \/ Intermediate, Taller \/ Workshop","_links":{"self":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":17,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2224\/revisions"}],"predecessor-version":[{"id":5701,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2224\/revisions\/5701"}],"speakers":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/speakers\/3274"},{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/speakers\/3276"}],"author":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wporg\/v1\/users\/davidarenas"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/media\/5626"}],"wp:attachment":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/media?parent=2224"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/session_track?post=2224"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/session_category?post=2224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}