 Temos unha charla moi esperada a Gutenberg, porque já ha salido o nome a unha charla anteriormente, pues é o maquetador visual que va incluir WordPress a partir de la versión 5.0. La charla lavada a José Ángel Bidânia, que é diseñador e desarrollador web freelance da Alcalá de Nares, lleva utilizando WordPress un montón de tiempo desde 2005 e também é formador en curso de WordPress e Google Comerce. E nada, pues sobrejo con ele, con Gutenberg e sus 3 puntos de vista para o diseñador, el desarrollador e o usuario final. Un aplauso. Bueno, o primeiro, buenas tardes a todos e todas. Tengo dos intenciones hoy. La primera é non morir de miedo escénico, aquí ahora mismo, delante de toda esta gente. E a segunda é hablaros un pouco de ese invento del diablo que dicen que va ser Gutenberg. Aunque llaman presentada a su momento, a foto da un pouco de miedo, sou José Ángel Bidânia, soy diseñador e desarrollador web de Alcalá de Nares. Llevo desde 2005 utilizando WordPress como herramienta de trabajo e trabajo sobre mi propia marca que sube de Bidânia.com. Eso é porque mi apellido, generalmente, lo escriben mal e, al final, a gente me acaba llamando UB. Vale, mi Twitter é esa roba jota Bidânia e o que os recomendaría, por favor, que hagáis un poquito de ruido con o hashtag de Work on Madrid para, así, sabéis, ser trending topic. Se os parece bien, encomensamos la presentación. Que é Gutenberg? Que da alguien en esta sala que no sepa todavía o que é Gutenberg? Se lo diré, unha forma rápida. Gutenberg é o novo editor de bloques de WordPress que se implementará na versión 5.0. Vale, se habéis navegado, naufragado por internet, habéis visto cosas sobre Gutenberg, habéis entrado en el plugin, habéis visto las valoraciones de una estrella, va ser un desastre, nos va romper la página, desarrolladores que piensan que el fin del mundo se acerca. Eu, máis bien, soy de esta opinión. Soy de que Gutenberg é o futuro de WordPress e pienso que Gutenberg é o futuro de WordPress porque, desde automático, o que nos están diciendo é que WordPress, o sea, perdón, que Gutenberg ha venido para quedarse. É decir, llevamos durante 15 años utilizando TinyNCA que é un editor muy básico para os dias en los que estamos. Necesitamos outro tipo de editor. Necesitamos un editor que sea mucho máis visual, mucho máis futurístico, por así decirlo. E este é uno dos conceptos que quero que saqueis de esta charla. Gutenberg ha venido para quedarse, non se va a ir a ningún outro sitio. En mi charla, lo que voy a intentar é explicaros como va a afectar Gutenberg a todos dentro del mundo de WordPress desde 3 puntos de vista. Está o punto de vista de un diseñador que se encargará de hacer temas, está o punto de vista de un desarrollador que se tendrá que pegar con os bloques e está o punto de vista de os usuarios que son los que ao final utilizan. Usuarios, ao final somos todos usuarios de WordPress. Se os parecen bien, comenzamos por os diseñadores. Los diseñadores, en un inicio, vamos a ser los que, me incluyo entre ellos, en un inicio vamos a ser los que menos afectados nos veremos. Por que? Porque hay muy poquitas cosas que van a cambiar. Que cosas van a cambiar? Por exemplo, cada vez que creemos un bloque, ese plugin va a llevar dos hojas de estilo. Va a llevar unha hoja de estilo que se llama STYLE SCSS, que para que os hagáis una idea va a ser unha hoja de estilo que va a ser o que se pinta en el editor mientras estamos trabajando en el área de administración de WordPress e luego esas cosas comunes que tenga que se pinta en el fronten o botoncito de publicar. Hay outra hoja de estilo que se llama edit.scss que se hoja de estilo, lo que da estilo es a los bloques, pero dentro del editor. Por exemplo, quando tenemos un placeholder para subir una imagen. Los estilos de ese placeholder son los que van a ir incluídos dentro de esa hoja de estilo chamada STYLE. Logo, por último, se os fijáis, hay un 2 que va a ser unha hoja de estilo. Matías Ventura, lo que ha pensado es que a futuro los temas también estarán involucrados o muy involucrados dentro de Gutenberg para los temas se creará unha hoja de estilo particular que se llamará CIMS.scss. Esa hoja de estilo CIMS.scss siempre tendrá prioridad sobre los estilos globales que tenga nuestro bloque con lo cual el tema siempre va a seguir mandando sobre los estilos que tenga el bloque que veamos en el editor. Que más vamos a poder hacer los diseñadores? Vamos a poder añadir en cada bloque unha clase css adicional con lo cual vamos a tener a posibilidad de personalizar cada uno de los bloques a nuestro gusto. Logo, en la hoja de estilo definimos lo que queremos ver. Por exemplo, un fondo rojo y le llamamos red, background color red ya está, lo veremos de color rojo. E lo vamos a poder hacer en cada uno de los bloques. Un párrafo le vamos a poder poner fondo verde. Más cosas. Wootenberg por defecto lleva unha paleta de colores. Esa paleta de colores vamos a poder crear a través del functions.php de nuestro tema, vamos a poder dar soporte con esa editor color palette e poder crear unha paleta de colores predeterminada con los colores corporativos que nos permite eliminar o que por defecto lleva a Wootenberg e así dejar al cliente usuario que únicamente utilice o colores corporativos que definimos. Más cosas. Hay dos tipos novos de alineamiento para as imágenes. Existe Align White que se pondrá ao tamaño del contenedor e Align Full que será que a imagem coja todo o ancho de pantalla. Más cositas, en la fase 2 de Wootenberg, cuando ya estén implementado en la versión 5.0 en la fase 2 lo que pretenden es fusionar el personalizador con el editor. Hay un vídeo que se llama Customizing the Future que lo dio unha mujer que trabaja para automáticos Melchoice, luego compartirle las slides, aí tenéis el vídeo e para que os hagáis una idea este é o tipo o que os querem crear. Vamos a poder crear probablemente unha estructura visual en la que simplemente tendo que substituir esos bloques por nosso propio contenido pero esto é la fase 2 mucho después de que se completa a primera actualización de Wootenberg. La fase 3 son fusionar también los temas con Wootenberg. Estará el personalizador, los temas e el editor todo en uno e se convertirá en un editor visual o que veamos dentro de nuestro editor será o que pintará en el fronen. Aora mismo, não há ningún tema específico para Wootenberg. Se decía que o tema 2019 quando se lance é o que nos va mostrar todas as coisas que nos puede ofrecer Wootenberg. Pero por agora não há ninguno, o que estão creando é un tema starter con todas esas funcionalidades. Última coisa para os diseñadores, temas compatibles todos os temas son compatibles con Wootenberg. Pero se o tema ataca de alguna forma o editor de toda a vida de TinyNCA o máis probable é que se rompa. Quero dizer, se utilizais un divi, un elemento un visual composer e demás probablemente quando instaléis Wootenberg pegue o petardazo. O outro dia, na mitad da Alcalá un compañero instaló Generate Press e Generate Press e a funcionalidade que ataca o editor TinyNCA não mostrava o poder incluir o título da entrada. Para coxagáis unha ideia o tipo de coisas que pode ser. Pasamos aos desarrolladores. Os desarrolladores serán como o niño o sexto sentido. Van a ver bloques por todos os lados. A menudo veo bloques, bloques por allí bloques por allá. Riat, tenemos Riat. Todo mundo está diciendo que Wootenberg está creado sobre Riat. O que tenéis que aprender é JavaScript que é o lenguaje. Se sabeis JavaScript, serás capaz de desarrollar bloques de Wootenberg. É outra coisa que quero que quede muy clara. Porque o concepto que temos é que tenho que aprender Riat para poder trabajar con Wootenberg. O que tenéis que aprender é o lenguaje que é JavaScript. Riat unicamente é una librería. A función principal para crear bloques se chama RegisterBlockType e lleva um NameSpace que en este caso é MyPlugging e lo que lleva é um título que en este caso é ebook. Más, la función tiene varios ajustes en concreto tiene 11 ajustes. De esos 11 ajustes 4 são obligatorios que son los que llevan al asterisco. Title, Category, Edit e Save. Siempre que definamos la función RegisterBlockType esos ajustes van a tener que estar incluídos. Os comento un pouco lo que hace cada uno. É o título de nuestro bloque. Descripción é a descripción do bloque. Una descripción corta. É con ese icono que se va a presentar dentro do bloque. Categoria é 5 categorías predeterminadas de bloques que só lo veremos logo na última parte de usuarios. Keywords, no tiene nada que ver con o SEO. Que quede super claro. Nada que ver con o SEO. Simplemente, son 3 palavras que se poden añadir dentro do bloque para quando lo busquemos dentro do buscador de bloques nos aparezca no bloque. Use once, o que nos permite é utilizar unha única vez o bloque por entrada o página. Poder restringir, por exemplo, unha imagen de fondo, es decir, esta imagen de fondo só la podes utilizar una vez. Se le intentas utilizar una segunda vez não te permitirá. Support, o que nos da é soporte. Por exemplo, todos sabemos que vamos a tener un bloque o sempre hemos podido editar en formato HTML nuestras entradas. Supor, é o bloque que funcione HTML como bloque. Supor, é o bloque é o ajuste que permite, por exemplo, que os ajusten post type vayan a poder seguir funcionando sin ningún problema. Atributos, os atributos son datos dinámicos e se van a utilizar sobretodo con o ajuste de edit. Simplemente nos sirven para widgets e sort codes por agora, ou luego hacer llamadas má más complejas. Transfer, o que nos permite é o ajuste que um bloque, por exemplo, de párrafo se poda convertir en encabezado e viceversa, un encabezado transformarlo ou por exemplo, un bloque de imagen convertirlo en galería e a galería llevarla al revés, hacerla unha imagen. Edit Edit é o ajuste de todas as coisas que vamos a ver no editor. Mientras estamos trabajando no editor no area de administración de Word, pero todo o que hay ahí, tem que estar dentro de o ajuste de edit. Sin embargo 6 é justo o contrário. 6 é quando nós temos a ese botón de publicar todo o que se va renderizar e se va mostrar e se va mostrar en el front. Más cositas, tipos de bloques, tenemos 3 tipos de bloques. Bloque estático, bloque editable, bloque dinámico. Los vemos. Bloque estático, o má sencillo de todos, non se pode editar de ninguna forma, non se pode editar el contenido. Un separador. De hecho, é o único que hai agora mismo en el core de Gutenberg. É un separador, non se para, é unha linea e está, ni le puedo dar color, ni le puedo cambiar nada, unha linea. Luego tenemos los bloques editables, que se pode editar el contenido de bloques. E o claro ejemplo é un párrafo. Podemos estar escribiendo, borramos, lo volvemos a editar, lo volvemos a a cambiar. E o último que tenemos son los bloques dinámicos, que nos guardan ajustes, pero no contenido. O contenido é dinámico. Un ejemplo, pues un Quidget, el Quidget de últimas entradas nos permitirá, por exemplo, seleccionar entre una e cinco entradas ponemos cuatro entradas, ya está, é ajuste nos mostrará las cuatro entradas, pero no vamos a poder editar el contenido que nos muestra el, que nos muestra el bloque. E que máis cozas puede hacer un desarrollador, en el ajuste de editar se poden añadir toolbars, que son esta barra de herramientas, se poden añadir tool tips, que será quando nos posemos encima un mensajito con lo que é isto é un párrafo, por exemplo, vale e inspectores de control personalizados, que é esta barra lateral, que se os fijáis, tiene dos, tiene o inspector de documento e o inspector de bloque. Más, Block Templates, son plantillas reutilizables, creadas con bloques predefinidos. O máis claro é exemplo, é un producto de Google Comer, é un producto de Google Comer sempre é o mesmo, sempre nos pide un título, nos pide un precio, una imagen e una descripción. Junto é os quatro bloques, crea una plantilla de bloque, vale, e é como un Page Template, sempre que eu lo cargue me va cargar é os quatro bloques, simplemente tendré que rellenar o contenido. Outro exemplo, por exemplo, para una reseña de un disco de música tenemos o nome do disco, a imagem da carátula añadir os músicos e o ano, sempre va cargar é os quatro bloques, simplemente tendremos que cargar ese template e sempre rellenaremos a informação. Por último, no tema de desarrolladores, este desastre, as cifras son devastadoras, vale, se os fijáis a día de hoy en plugins compatibles hay un 83 con 3% que se desconoce se funcionan ou non con Gutenberg. Como veis é una auténtica barbaridad, hay un 14 con 4% que ya son compatibles e un 1.2 que no son compatibles, en prueba un 1.1%. Esos datos están recogidos de la semana pasada, arriba tenéis un enlace esta persona, o que é hecho poner, os 55.000 creo que dijeron antes, os 55.000 plugins é listarlos, quando provemos Gutenberg, se vemos que unha funciona simplemente é o que temos que decidir, é se funciona ou non funciona, vale isto, aquí é onde tiene que entrar a comunidade, aquí é onde todos, quando provemos Gutenberg tenemos que decir, se funciona ou non funciona un plugin, vale, isto é importantísimo e todos se podeis e prováis Gutenberg, debéis ir a ese enlace e decir que cosas funcionan e que cosas non funcionan, porque un 83.3% é una auténtica barbaridad pasamos ao mundo dos usuarios, os usuarios son os que en un inicio van a estar muchísimo má afectados que nadie quando entren en Gutenberg van a encontrar algo completamente diferente, no van a saber por onde van os tiros, ni por onde le vienen las balas a partir de la versión 4.9.6 se va poder provar Gutenberg vamos a estar a dos clics de poder provar Gutenberg, recomiendo a todo o mundo que lo prove non esperar a la versión 5.0 porque, que pasa a la versión 5.0 pues é, el de la derecha é o usuario vale, intentará actualizar e quando llegue la persona que le lleva a página, le dirá que no actualices tio, que no actualices, por favor no actualices, que me la vas aliar e chegará o usuario, empezará a llorar e dirá, jod, es que me han dicho que Gutenberg lleva unos bloques es lo nuevo, es la rehostia unas capacidades, bueno, bueno una funcionalidad tremenda todos maravillosos, ¿sabéis lo que pasa después, no? que la liamos par da vale, porque la liamos par da porque apretamos el botón adiós página nos cargamos nuestra página nos cargamos nuestros ejemplos nos cargamos todos e o equipo de Gutenberg ha creado un plugin aunque Fernando Tallado também ha creado outro vale, que o que nos permite é volver al editor clásico anterior, vale isto é una buena idea pero quedaros con la idea de que é un parche quiero decir, Gutenberg va a seguir evolucionando o que no podemos é quedarnos anclados en ese tinyNCA vale, vamos a tener que tratar de hacer ese ejercicio de decir, venga vamos ha vamos ha hacia adelante vale, no paemos, no paemos vamos a seguir con o novo, con o moderno porque igual que tinyNCA ha estado durante quince años sendo o editor de WordPress probablemente Gutenberg sia os próximos quince años se nos quedamos anclados en lo antiguo vamos a tener un grave problema Gutenberg contra tinyNCA suena así muy violento veis, a experiencia do usuario antiguo bom, antiguo todavía sigue siendo esa experiencia é como rellenar un formulario quando os veis al mundo de Gutenberg é algo máx parecido a un lienzo en blanco vale, qual é o seguinte problema a interfaz de Gutenberg, fijaos cuántas flechas para todos os lados óbidos e por haber va a ser muy fácil crear contenido no novo editor, pero como todo va a ser un cambio, nos va a llevar un tiempo acostumbrarnos a donde está cada cosa se os fijais, tenemos un botón para añadir bloque tenemos outro para mover bloque aunque já han puesto a funcionalidad de arrastrar e soltar tenemos uno que nos muestra unha tabla de contenidos o esquema de contenidos de nuestro documento tenemos barras de herramientas flotantes tenemos opciones extra de bloques e tenemos nuestros ajustes de bloque é decir, que queda del antiguo editor que queda de tinyNCA nada todo va a ser completamente diferente entonces, o que tendremos é que aprender a interfaz nova de Gutenberg toolbars como digo, as barras de herramienta nos van nos va a ayudar a la hora de trabajar em tinyNCA, sempre la teníamos fija sempre estava presente arriba que hace Gutenberg por defecto las tiene flotantes pode gustar más o pode gustar menos nos aparecerán, quando encrustemos el bloque serán justo en cima del bloque como se ha quejado mucho la gente que han hecho en este botoncito de más ajustes tenemos la posibilidad de enclar a barra de herramientas a la parte superior e así que sea algo mucho más parecido a lo que estamos utilizando hasta ahora inspector de controles como dije antes hay dos controles tenemos tanto el documento que se va a ver en el inspector de controles de documento pues ahí vamos a verlo de siempre las imágenes destacadas las etiquetas los comentarios los extractos, las categorías todo éso nos va a aparecer en ese ajuste en ese ajuste de documento en el de bloque o que nos van a aparecer son las funcionalidades o los ajustes que vamos a poder configurar para los bloques má cositas, opciones extra con esas opciones o que vamos a poder hacer es eliminar, duplicar o reutilizar un bloque reutilizar un bloque lo vemos lo último este icono de aquí de quitar en la versión 2.7.0 que salió esta misma semana hace unos días lo han movido aquí vamos a tener este botón que es el que nos permite acceder a las opciones extra e esta cubito de basura esa papelera la vamos a tener ahí para poder eliminar un bloque de forma mucho má mucho má rápida bloques, como os decían antes existen cinco categorías de bloques predeterminadas existen los bloques comunes existen los bloques de formato los bloques de diseño los wickets y los bloques incrustados vemos cada uno de ellos bloques comunes son los bloques máis habituales en la creación de contenido por lo de siempre un párrafo una imagen, una cita un vídeo, el poder insertar un audio esos van a ser los bloques comunes los segundos bloques que tenemos la segunda opción o segunda categoría es los bloques de formato con ellos vamos a poder editar con el formato antiguo de tiny nca por ejemplo utilizando el bloque clásico este bloque de aquí también vamos a poder seguir editando con html personalizada a nuestro gusto porque hay un bloque que nos permite eso y recordáis las tablas sabes lo que cuesta ahora incrustar una tabla en un sitio pues cuesta que instalemos un plugin tan simple tan sencillo como tener que instalar un plugin pues ahora a tiro de un click vamos a poder instalar una tabla dentro de nuestro contenido bloques de diseño este bloque que se llama colunas y es experimental y ahora está super verde está desarrollado en CSS Grid ese bloque es el que nos va a poder permitir llegar a alcanzar la misma potencia que tiene a día de hoy un cualquier editor cualquier constructor visual tipo divi, tipo Elementor tipo visual composer aquí es donde reside el verdadero futuro de Gutenberg si este bloque lo poolen y lo hacen bien no vamos a necesitar ningún otro tipo de constructor visual ahora sí lo probáis os vais a llevar una grande excepción porque fijaos si todo está en fase de desarrollo e a él le ponen la etiqueta experimental a haceros una idea lo verdecito que está al pobre bloques de widgets si os fijáis hay muy poquitos sólo tenemos categorías e últimas entradas el resto de widgets que conocemos está previsto que para cuando se lance la versión 5.0 estén disponibles en el core e luego están los short codes si tenéis una página creada con short codes no va a romper Gutenberg vuestra página va a seguir reconociendo esos short codes han hecho ese trabajo de compatibilidad que namás vea un short code e Gutenberg va a reconocer que es un short code e os va a seguir mostrando en el front end bloques incrustados lo de siempre lo que nos permite de forma rápida mostrar contenidos de tercero en nuestra página Facebook, Instagram, Twitter etc. e se utilizamos una aplicación a terceros que tiene formato oenbit lo vamos a poder incrustar porque hay un bloque que se llama oenbit que nos va a permitir que cualquier formato que soporte oenbit se incruste en nuestra página e os últimos los bloques compartidos se poden reutilizar unha e outra vez cuantas veces tenemos que crear un contenido e luego duplicarlo e volverla a duplicar un botón por ejemplo dañadir al carrito eu creo un botón de color rojo con el call to action comprar eso lo guardo como bloque compartido ese botón lo voy a poder volver a reutilizar en cualquier entrada e página de mi sitio con simplemente seleccionarlo ¿sabéis la cantidad de tiempo que nos va a ahorrar eso? non os hacéis unha idea del tiempo que nos va ahorrar esta é outra de las grandes funcionalidades que tiene Gutenberg recursos tenéis acceso ao repositorio a la versión de desarrollo de Gutenberg tenéis acceso a la documentación que cada vez la van actualizando tenéis acceso a ejemplos de bloque tenéis accesos e utilizáis sketchs como herramienta de diseño gráfico podéis tener a interfaz já tenen creada toda a interfaz de Gutenberg se son desarrolladores e creáis bloques un desarrollador indio todas esas dependencias que hai que instalar de bubble, web, etc lo ha hecho todo a tiro de un click con una instalación de un único click para que creéis vuestro plugin frontenberg vais a poder probar de Gutenberg, de forma directa en esa página lo tienes subido podéis entrar en esa página romper todo lo que deseéis Gutenberg Hub son noticias en inglés como és lógico en castellano nai nada pero están muy al día de todas as funcionalidades que saen con respecto a Gutenberg Humanmade creou un pdf também en inglés que está bastante interesante plugins aqui tendría a caberon de fernando no, no Gutenberg o Gutenberg no, no sé como lo ha llamado Gutenberg manager e register Gutenberg blocks lo que nos van a permitir va a ser a nivel de roles, poder decir yo a este usuario le permito que vea el bloque de imagen, el bloque de párrafo y el bloque de vídeo pero no le permito ningún otro bloque Advanced Stackable, Caxton e Gutenkit son bloques, son plugins que nos crean son bloques más bonitos con un diseño que no tiene ahora mismo os del core imaginaros botones con outro estilo completamente diferente saltos de línea con outro formato etc e por último, en Gutenberg se han fusilado los campos personalizados vale? se los han fusilado que han hecho dos desarrolladores Jeff Starr e Riaz Bengela han criado sendos plugins lo que nos permite es volver a mostrar esos campos personalizados se nos hemos utilizado ACF lo que podemos es utilizar utilizar ese plugin para poderlo ver e o último que eu quero e o concepto que quero que saqueis todos de aquí antes de que me acribillais a preguntas es que máis tarde o máis temprano estoy seguro que todos acabaremos amando Gutenberg muchas gracias alguna pregunta para hacerle bajar las manos vamos por dena así en cizá vale dos preguntas dos que pasa e que posición quedan os actuales page builders se competeran contra Gutenberg construiran sobre Gutenberg a ver e a segunda pregunta podes explicar lo dos custom fills que me ha llamado a atenção significa que qualquer web que use custom fills e que se posiciona a ver, empiezo por la primera a día de hoy se os he dicho ese bloque de colundas experimental está muy verde con lo cual Gutenberg todavía no puede competir de tú a tú con un divi, con un elemento e etc eso llevará un proceso máis alante, estoy seguro que se os fusilará de todos esos os únicos que han dicho por ahora que van a dar soporte a Gutenberg bíber builder elemento e site origin esos son los tres que han dicho que se van adaptar a Gutenberg de hecho site origin por lo visto ya funcione incluso con Gutenberg a outra pregunta el tema de los custom fills los custom fills lo único que han hecho es que los han quitado tú sabes siempre abajo nos aparecía a una colunda o se lo tenías con colunda e barra lateral e abajo nos aparecían los custom fills pues en Gutenberg desaparecen se tienes un desarrollo e instalate un por ahora te tendrías que instalar ese plugin para que te vuelvan a aparecer esos custom profile se lo que utiliza es a cf yo tengo alguna página en a cf e me funciona sin ningún problema máis disparos hola e a parte de la derecha que se va eliminar todos os metaboxes que hay ahora con categoría está x e demás los de categoría etiqueta e demás sí se van a ver todos en el lado derecho en el ajuste de documento los que se hayan creado se las creado a través de un plugin se siguen viendo debajo del contenido la idea original del equipo de Gutenberg es que todo se moviera al inspector de la derecha pero por ejemplo a parte de Yoast o que les dijo es yo tengo mucho contenido e no lo puedo mostrar en una barrita lateral así entonces ese contenido por ahora todas esas metaboxes se enseñan debajo del contenido que creamos con Gutenberg solo nos da para unha máis por aquí luego me podéis preguntar todo o que queráis me pongo la coleta pano de armiedo e preguntaris lo que queráis xe comentado al principio de la charla sobre todo en la parte de desarrolladores no hacía falta aprender react en la filosofía de Gutenberg veo que va moi en camino de react tema componentes, arquitectura e demás seria máis fácil quizás para poder desarrollar aprender react e integrarlo xe claro a ver, yo sigues o continúa la pregunta o con eso te... a ver, yo lo que de Gutenberg está tratando de dicir porque toda la gente está como assimilando o concepto de tengo que aprender react por narices o sino no voy a ser capaz de crear un bloque vale, eso sa lo que eu me refería que se tú conoces Javascript vas a poder crear un bloque xe conoces react, genial porque te va a ser muchísimo máis sencillo que alguien que no lo conozca pero non es imprescindible conocer react para poder desarrollar un bloque trataba de explicar vale, yo non soy desarrollador como tal, o xerzo máis de diseñador que de desarrollador pero a mi con mi desarrolladora me enseñó como se crea un bloque e de react están los props o algo así todo lo demás es Javascript puro e duro xe entende Javascript vas a entender todo como se crea un bloque xe entende react, pues muchísimo mejor para ti evidentemente irás mucho máis rápido que outra persona