Aujourd’hui, Jeffrey Carandang a publié WP Block Builder, un script npm pour que les développeurs commencent à construire des blocs WordPress. Ce n’est qu’un des nombreux scripts de ce type dans une mer d’outils d’échafaudage de blocs, mais Carandang peut avoir l’expérience et le poids nécessaires pour s’élever au-dessus des autres. Jusqu’à présent, les développeurs ont téléchargé sa configuration personnalisée plus de 500 fois.

Les développeurs qui souhaitent jeter un œil sous le capot peuvent également consulter les projet sur GitHub.

Il est presque impossible de plonger dans les blocs de construction pour WordPress sans tomber sur une partie du travail de Carandang dans l’espace des blocs WordPress. Il a lancé la communauté ShareABlock fin de l’année dernière. Il a ouvert la voie à d’autres développeurs en expérimentant des idées dans EditorsKit. Il a cofondé CoBlocks, qui GoDaddy acquis en 2019. Et ce n’est que la pointe du Icebergoui, il y participe aussi.

Maintenant, il a décidé de lancer un script de construction de blocs dans un domaine qui devient de plus en plus encombré. Core WordPress a son propre script. WebDevStudios récemment a lancé une fourchette personnalisée de cela, et plusieurs autres flottent autour de l’écosystème WordPress, chacun avec des points de vue légèrement différents pour relancer le processus de construction de blocs. Cependant, lorsque l’un des experts du monde des blocs WordPress publie sa propre rotation sur la configuration des développeurs, cela vaut au moins la peine d’être étudié.

«J’ai initialement créé cet outil pour moi parce que je continuais à répéter des processus similaires lors de la création de plugins de blocs Gutenberg», a déclaré Carandang. «Ensuite, après l’avoir construit, j’ai pensé qu’il serait utile pour les autres de le divulguer au public car, avec une configuration minimale, il serait plus facile de se concentrer uniquement sur les blocs de construction. D’après mon expérience, la configuration de la configuration du webpack prend du temps et est parfois frustrante. »

Carandang a une pléthore d’expérience dans les blocs de construction, donc je suis certain qu’il a ajouté tous les petits extras qui aident à accélérer le processus de développement.

Contrairement à de nombreux scripts similaires, WP Block Builder fournit deux exemples de blocs par défaut. L’une est pour gérer le contenu statique typique qui est commun à de tels scripts. Cependant, le second est un bloc dynamique côté serveur. Cela donne aux développeurs un aperçu de la construction de deux types de blocs différents avec deux ensembles d’exigences à exécuter. D’autres scripts ont également tendance à être hyper concentrés sur le lancement d’un plugin à bloc unique, ce qui serait typique pour la publication dans le répertoire des blocs WordPress. WP Block Builder fournit un chemin pour lancer un plugin avec plusieurs blocs si vous le souhaitez.

“Mon objectif est de faciliter la création d’un bloc pour les nouveaux développeurs de blocs, mais j’ai également créé un exemple de bloc dynamique pour les utilisateurs avancés”, a déclaré Carandang. “Cela fournira un bon terrain de jeu pour expérimenter et se familiariser avec chaque section du bloc.”

Carandang souhaite que les développeurs puissent plonger directement dans les blocs de construction. Il veut ramener une partie du plaisir à l’expérimentation sans que la technologie ne gêne, ce qui signifie souvent des heures perdues à simplement mettre en place les outils de construction.

“Je me concentre sur ce sentiment que j’avais lorsque j’ai commencé à créer un thème WordPress”, a-t-il déclaré. “Ces moments où je changeais de codes pour savoir comment ils fonctionnaient et assez confiants pour que je puisse simplement l’installer à nouveau si je finissais de le gâcher.”

Carandang a déclaré qu’il n’avait pas encore reçu de problèmes signalés, donc le jour du lancement se déroule sans accroc. Il a hâte de voir ce qui bloque les développeurs à l’avenir en fonction de sa configuration.

“Il vise à être suffisamment général pour aider les développeurs à commencer immédiatement à créer des plugins de blocs”, a-t-il déclaré. «J’attends toujours des commentaires pour aider à améliorer le processus, mais jusqu’à présent, cela semble bien se passer.»

Configuration d’un plugin de bloc

Exemple de capture d'écran de code du projet WP Block Builder.
Code de bloc dynamique de WP Block Builder.

WP Block Builder est un fork du script de base WordPress Create Block. Il comprend quelques packages npm supplémentaires, mais il est également lourd d’installer plusieurs packages PHP via Composer. Ce sont principalement pour s’assurer que les développeurs respectent les normes de codage.

La configuration est simple. Les développeurs doivent simplement exécuter npx wp-block-builder pour lancer le processus. Lors de l’exécution de la commande, WP Block Builder guide les développeurs à travers une série de questions, qui définit les champs suivants:

  • Bloquer la limace
  • Espace de noms
  • Titre du bloc
  • La description
  • Nom de l’auteur
  • Licence de plugin
  • Numéro de version

Après l’installation, le plugin aura deux blocs prêts pour l’expérimentation. Le premier bloc est un conteneur de base avec des paramètres de couleur de texte et d’arrière-plan. Il prend également en charge un alignement large et complet. Il fonctionne de manière similaire au bloc principal du groupe WordPress. Je préfère ce point de départ au bloc de paragraphe standard.

Le deuxième bloc est une liste de publications dynamique. Il offre suffisamment de complexité pour voir comment fonctionnent les blocs dynamiques tout en utilisant un concept suffisamment familier pour que la plupart des développeurs WordPress comprennent: interroger et parcourir les publications. Le bloc a une seule option personnalisée pour changer le nombre de messages.

L’objectif de la mise à disposition de ces deux blocs est d’amener les développeurs de plugins à se lancer tête première dans le code. Casser des choses. Expérience. Étudiez le code.

À long terme, Carandang espère que le processus deviendra encore meilleur pour les développeurs. “Je suis en contact avec Grzegorz Ziółkowski et Fabian Kägy de l’équipe Gutenberg”, a-t-il déclaré, “et ils créent une meilleure façon de prendre en charge les packages npm externes directement avec @wordpress/create-block. Cela serait utile à la fois pour Block Builder et Gutenberg, et aiderait à améliorer l’écosystème de développement des plugins Gutenberg. »


Source link