Blog - Page 2 of 11 - JavaScript for WordPress

How to Create an HTML Element in React [Video]

Zac Gordon on April 23, 2019

How to Create an HTML Element with React

React Explained This video is an excerpt from the React Explained Course and Book that breaks down how to use React for beginners. In the video we go over how to to use one of the most important functions in...Read More

Extending WordPress Blocks with JavaScript (and PHP) Block Filter Hooks – Tutorial with Video

Zac Gordon on March 28, 2019

Free Videos Tutorial

Extend WordPress Blocks Tutorial with JavaScript and PHP Filters

In this article we look at how to extend blocks with JavaScript and PHP Filters in WordPress.Read More

How to Use The @wordpress/scripts Build Tool with Custom WordPress Blocks

Fabian Kägy on March 26, 2019

Course Updates

In this tutorial, Fabian walks us through how to use the wp-scripts build tool.Read More

InspectorControls – How to Add Settings to Custom Gutenberg Blocks

RJ on March 25, 2019

Tutorial

In this tutorial we look at the essential InspectorControls component for adding settings to blocks in WordPress.Read More

Porting the Twenty Nineteen WordPress Theme to Gatsby

Muhammad Muhsin on March 17, 2019

Tutorial

Gatsby is all the rage right now. It is a blazing fast React-based static site generator and has won the hearts of many. Developers and end-users love the experience it brings. The product produced when using Gatsby is a nimble,...Read More

Gutenberg Block Tutorial with registerBlockType() and NO Webpack, ES6, JSX or Babel

Fabian Kägy on February 22, 2019

Course Updates Tutorial

WordPress Blocks with No ES6 Webpack Babel

Since the new Gutenberg block editor has been merged into core with the release of WordPress 5.0, the demand for creating your own blocks has increased greatly. In this short guide we’ll be getting you up and running creating your...Read More

WordPress Plugin Sidebar API Tutorial [w Video]

Zac Gordon on January 30, 2019

Course Updates Free Videos

The Plugin Sidebar API WordPress Graphic of sidebar

One of the cool things you can do with WordPress is create your own custom sidebars in the editor. Check out the video below to get a solid overview of the Plugin Sidebar API and a walk through of how...Read More

An Overview of The WordPress Data API – Redux in WordPress

Zac Gordon on January 22, 2019

Course Updates Free Videos

I am so excited that we have a Data API in WordPress. This allows for us to easily get data and call actions in WordPress using JavaScript and React. The Data API is built with Redux, but is not to be mistaken for...Read More

2019 Plans

Zac Gordon on December 5, 2018

Course Updates

This December marks three years I have been working on JavaScript for WordPress as my primary employment. However, 2019 will be the first year I focus entirely on JavaScript for WordPress. 2019 Courses I am really excited about this change and want to share...Read More

How to Enqueue React in A WordPress Theme or Plugin

Zac Gordon on November 8, 2018

Tutorial

React in WordPress Logos - How to Add React to WordPress

Starting with WordPress 5.0, React is made available as a dependency we can load in our WordPress themes and plugins. In WordPress, React is abstracted into a library called Element When we make the Element (React) library available, WordPress will load React into...Read More