Course Content
Sections
Status
1
Using React on The Frontend [1:19:11]
-
An Overview of React on the Frontend [3:45]
-
Building a Static Block [11:11]
-
Adding the MediaPlaceholder Component [15:46]
-
Adding React Photo Gallery to the Editor [13:40]
-
Adding an Editor Toolbar Button [5:59]
-
Server Side Rendered Content [5:31]
-
Setting Up Block Frontend JS [5:32]
-
Writing Our Frontend Code [17:47]
- An Overview of React on the Frontend [3:45]
- Building a Static Block [11:11]
- Adding the MediaPlaceholder Component [15:46]
- Adding React Photo Gallery to the Editor [13:40]
- Adding an Editor Toolbar Button [5:59]
- Server Side Rendered Content [5:31]
- Setting Up Block Frontend JS [5:32]
- Writing Our Frontend Code [17:47]
5
Example – Layout Switcher [1:11:31]
-
Layout Switcher Project Overview [1:06]
-
Setting Up the Layout Switcher Plugin [7:20]
-
Building the Layout Switcher Component [8:20]
-
Styling Our Custom Layout Buttons [6:53]
-
Removing Blocks with the Data API [11:10]
-
Creating And Inserting a Block with the Data API [6:34]
-
Creating and Inserting Block Layouts [8:12]
-
Creating a Reset Layout Button with the Data API [9:57]
-
Adding a Modal Component [11:59]
- Layout Switcher Project Overview [1:06]
- Setting Up the Layout Switcher Plugin [7:20]
- Building the Layout Switcher Component [8:20]
- Styling Our Custom Layout Buttons [6:53]
- Removing Blocks with the Data API [11:10]
- Creating And Inserting a Block with the Data API [6:34]
- Creating and Inserting Block Layouts [8:12]
- Creating a Reset Layout Button with the Data API [9:57]
- Adding a Modal Component [11:59]
7
Extending Blocks with Hooks [1:26:13]
-
An Overview of Extending Core Blocks [12:43]
-
Enqueuing Block Filters [3:52]
-
JS Filter - blocks.registerBlockType [16:36]
-
JS Filter - blocks.getSaveElement [6:41]
-
PHP Filter - Safely Modifying Block Save [7:05]
-
JS Filter - getSaveContent.extraProps [12:04]
-
JS Filter – getDefaultClassName [6:21]
-
Example – Adding Attributes and Settings to a Block [20:51]
- An Overview of Extending Core Blocks [12:43]
- Enqueuing Block Filters [3:52]
- JS Filter - blocks.registerBlockType [16:36]
- JS Filter - blocks.getSaveElement [6:41]
- PHP Filter - Safely Modifying Block Save [7:05]
- JS Filter - getSaveContent.extraProps [12:04]
- JS Filter – getDefaultClassName [6:21]
- Example – Adding Attributes and Settings to a Block [20:51]