+44 0330 223 3428
Call Us
+44 0330 223 3428

WPTavern: Learn How to Build JavaScript Plugins for WordPress with Riad Benguella’s Starter Kit/Tutorial

WPTavern: Learn How to Build JavaScript Plugins for WordPress with Riad Benguella’s Starter Kit/Tutorial
photo credit: Krzysztof Puszczyński

Riad Benguella, the technical lead for phase 2 of the Gutenberg project, has published an educational resource to help WordPress developers get started building JavaScript plugins. The WordPress JavaScript Plugin Starter is unique in that it is built as a tutorial, not just a boilerplate. The GitHub repo contains eight commits that have been structured to explain each step along the way. Benguella designed the repository to answer the following questions:

  • How do I quickly setup a WordPress environment and how do I bake it into my plugin?
  • How do I define a WordPress Plugin?
  • How do I load a simple JavaScript script in WordPress?
  • How do I bundle my JavaScript files?
  • How do I use advanced JavaScript features like JSX?
  • How do I build a production-ready version of my plugin?
  • How does all this fit together?

Benguella predicts a shift in the WordPress development community, as JavaScript skills become essential for extending core’s rapidly evolving JS-based UI. Plugin architecture is changing to accommodate that.

“Plugin developers are required to use JavaScript more in order to extend the editor,” Benguella said. “Most blocks need to be developed using this technology. The modules Gutenberg provides (Components, data module, i18n, apiFetch…) will also encourage developers to extend other parts of WP-Admin in JavaScript. Instead of writing HTML/CSS screens from scratch and rendering them from the server, developers are able to bootstrap and prototype fully accessible new screens in WP-Admin by composing these components in a small number lines of code.”

Benguella’s WordPress JavaScript Plugin Starter resource demystifies the plugin creation process with detailed explanations of each step throughout the readme file. It’s a valuable resource for PHP developers who are just getting started transitioning into building JavaScript plugins.


photo credit: Krzysztof Puszczyński Riad Benguella, the technical lead for phase 2 of the Gutenberg project, has published an educational resource to help WordPress developers get started building JavaScript plugins. The WordPress JavaScript Plugin Starter is unique in that it is built as a tutorial, not just a boilerplate. The GitHub repo contains eight commits that have been structured to explain each step along the way. Benguella designed the repository to answer the following questions: How do I quickly setup a WordPress environment and how do I bake it into my plugin? How do I define a WordPress Plugin? How…

Source: WordPress

Related Post
WPTavern: Matt Mullenweg Publishes TED Talk on the Future of Work, Prepares to Launch New Distributed.blog Website

WPTavern: Matt Mullenweg Publishes TED Talk on the Future of Work, Prepares to Launch New Distributed.blog Website Matt Mullenweg is teasing out a new website at distributed.blog with the tagline “The future of work is here.” It’s not clear yet whether subscribers to the mystery blog will be on board for blog posts, a new […]

Read more
WPTavern: WPBrigade Patches Critical Vulnerability in Simple Social Buttons Plugin

WPTavern: WPBrigade Patches Critical Vulnerability in Simple Social Buttons Plugin WPBrigade, the developers behind the Simple Social Buttons plugin, have patched a critical privilege escalation vulnerability. The security issue was discovered by the team at WebARX. Developer and researcher Luka Šikić summarized the vulnerability in a post published this week: Improper application design flow, chained […]

Read more
WPTavern: WPWeekly Episode 345 – The Relationship Between Corporate Cash and Open Source Software

WPTavern: WPWeekly Episode 345 – The Relationship Between Corporate Cash and Open Source Software In this episode, John James Jacoby and I discuss a thought-provoking post published by Morten Rand-Hendriksen that takes a deep look at equity in open source software. Morten suggests that the mantra of decisions are made by those who show up […]

Read more