Mucha gente se queja de las dificultades para empezar a construir bloques y aplicaciones de Gutenberg. La curva de aprendizaje es empinada, principalmente debido a la dificultad de instalar y configurar el entorno de desarrollo. Adem\u00e1s, un s\u00f3lido conocimiento de JavaScript, Node.js, React y Redux son ingredientes imprescindibles para esta receta bastante compleja.<\/p>\n
El manual oficial del editor de bloques de WordPress<\/a> proporciona a los desarrolladores una enorme cantidad de informaci\u00f3n, pero puede que te encuentres perdido en ese mar de detalles.<\/p>\n Y vale la pena mencionar lo que Mat\u00edas Ventura, arquitecto principal del proyecto Gutenberg, dij\u00f3 en su entrevista en WP Tavern<\/a>:<\/p>\n Aunque hay gente que puede aprenderlo r\u00e1pidamente, sigue siendo una gran barrera para la gente. Creo que existen diversas claves; la documentaci\u00f3n podr\u00eda mejorar en gran medida, tanto en organizaci\u00f3n como en presentaci\u00f3n. Espero que podamos hacer mucho m\u00e1s en este sentido.<\/em><\/p><\/blockquote>\n Con esto en mente, hemos decidido crear un tutorial paso a paso destinado a ayudar a nuestros lectores a iniciarse en el desarrollo de bloques de Gutenberg.<\/p>\n \u00bfTe parece interesante? Vamos a sumergirnos en el tema.<\/p>\n Para este tutorial, las \u00fanicas habilidades requeridas son un buen conocimiento del desarrollo de plugins de WordPress y al menos una comprensi\u00f3n b\u00e1sica de HTML<\/a>, CSS, JavaScript y React.<\/p>\n \u00bfEs un proyecto ambicioso? Por supuesto que s\u00ed.<\/p>\n No fue f\u00e1cil encontrar el compromiso adecuado entre la exhaustividad y la sencillez, ni decidir qu\u00e9 temas incluir y cu\u00e1les dejar fuera.<\/p>\n Esperemos que los lectores intermedios y avanzados nos perdonen por no profundizar en ciertos conceptos como el estado de React<\/a>, el almac\u00e9n Redux<\/a>, los high order components<\/a>, etc. Estos temas requieren espacio y atenci\u00f3n adicionales y son probablemente demasiado avanzados para el desarrollo de bloques principiante (a menos que seas un desarrollador de React).<\/p>\n Por la misma raz\u00f3n, no cubriremos algunos de los temas m\u00e1s avanzados relacionados con el desarrollo de bloques de Gutenberg, como los bloques din\u00e1micos<\/a> y los meta boxes<\/a>.<\/p>\n Con los conocimientos que obtendr\u00e1s al final de este art\u00edculo, podr\u00e1s empezar a divertirte y ser productivo de inmediato.<\/p>\n Una vez que te pongas en marcha con la construcci\u00f3n de bloques, estar\u00e1s preparado para mejorar tus habilidades y construir bloques Gutenberg a\u00fan m\u00e1s avanzados por tu cuenta.<\/p>\n\n \u00a0<\/p>\n Desde que se lanz\u00f3 por primera vez en diciembre de 2018, el editor de bloques<\/a> ha mejorado mucho en todos los aspectos: APIs m\u00e1s potentes<\/a>, una interfaz de usuario m\u00e1s avanzada, una usabilidad mejorada, una tonelada de bloques nuevos, las primeras implementaciones de Full Site Editing<\/a> y mucho m\u00e1s.<\/p>\n En resumen, aunque Gutenberg sigue en pleno desarrollo, ha recorrido un largo camino – y hoy, el editor de bloques es un candidato de pleno derecho como constructor de p\u00e1ginas y sitios fiables y funcionales.<\/p>\n Desde el punto de vista del desarrollador, Gutenberg es una single-page application<\/a> (SPA) basada en React que permite a los usuarios de WordPress crear, editar y eliminar contenido en WordPress. Sin embargo, esto no debe hacer pensar en una versi\u00f3n mejorada del editor de contenidos tradicional<\/a>.<\/p>\n Queremos dejar esto claro:<\/p>\nRequisitos previos para el desarrollo de bloques de Gutenberg<\/h2>\n
\u00bfQu\u00e9 es un bloque Gutenberg?<\/h2>\n