Let's code: Developing Blocks without React! - Block Supports

JSX is the React extension to JavaScript that allows you to create components using a syntax similar to HTML. While most block editor tools and tutorials on the web provide JSX examples for creating blocks, not many folks know that it is not required. You can use plain JavaScript.

So far, we've built a WordPress block using plain JavaScript which supports custom styles via a stylesheet, which uses block attributes and the RichText component to allow the user to edit the block content, and uses a custom toolbar control to allow the user to align the RichText content.

Next, we will look at adding additional support for managing the block styles, via the Block Supports API.

If you want to code along with me, you will need the following:

1. Access to a local WordPress install.

Popular options for local installs are:

• XAMPP
• MAMP
• WampServer
• DesktopServer
• LocalWP
• DevKinsta

2. A text editor to edit WordPress files:

• Visual Studio Code
• Sublime Text
• Notepad++
• Atom

Audience: Developers
Level: Intermediate
Where: Zoom (link will be visible after RSVP)

This session is being held at an EU/Africa/US Eastern-friendly time. If you cannot get to the live session, keep an eye out for the recording we’ll be publishing on WordPress.tv and learn.wordpress.org after the session is completed :-)

See you soon!