Peter Tasker sobre la creación de bloques en este momento:
Es bastante sencillo en estos días configurarlo con el comando ‘scaffold’ de WP CLI. Este comando configurará un tema o complemento de WordPress con una carpeta de ‘bloques’ que contiene PHP y CSS base y JavaScript necesarios para crear un bloque personalizado. El único inconveniente que noté es que JavaScript usa la antigua sintaxis de ES5 en lugar del moderno ESNext. JavaScript moderno nos permite escribir código más conciso y usar JSX en nuestro código de bloque personalizado.
También puede utilizar la herramienta ‘create-guten-block’ por Ahmad Awais. Le brinda muchas de las cosas estándar que necesita, como Webpack, soporte ESNext, etc. Configurarlo es bastante sencillo y es similar a Create React App.
He usado create-guten-block para el puñado de bloques personalizados que he creado hasta ahora y me ha parecido una experiencia bastante agradable.
Pero … siento que tuve suerte de sentirme cómodo con todo esto. Tengo un pie en el desarrollo de WordPress y resulta que tengo un pie en el desarrollo de React. Construir bloques con ambas tecnologías juntas me parece bastante natural. Si los bloques fueran angulares o algo así, siento que ni siquiera lo habría intentado.
Me haré eco de este sentimiento:
También me resultó muy molesto trabajar en un bloque que está cambiando activamente de código. Cada vez que vuelva a cargar Gutenberg, obtendrá el mensaje “Este bloque parece haber sido modificado externamente …” porque el marcado del bloque ha cambiado.
Entiendo por qué está lanzando el error, pero te ralentiza.
Al final, Peter menciona el enfoque de bloques de construcción que tiene Advanced Custom Fields. Casi se siente como un mundo extraño bizarro-reverso. El enfoque de ACF se parece más a lo que WordPress habría hecho en un mundo normal (bloques de construcción con solo PHP y plantillas) y los terceros serían los que agregarían todas las cosas elegantes de React.
Enlace directo →