This section provides an introduction to the most relevant concepts in Block Development.
In this section, you will learn:
- File structure of a block - The purpose of each one of the types of files available for a block, the relationships between them, and their role in the output of the block.
block.json
- How a block is defined using itsblock.json
metadata and some relevant properties of this file (such asattributes
andsupports
).- Registration of a block - How a block is registered in both the server and the client.
- Block wrapper - How to set proper attributes to the block's markup wrapper.
- The block in the Editor - The block as a React component loaded in the Block Editor and its possibilities.
- Markup representation of a block - How blocks are represented in the database, theme templates, or patterns.
- Static or Dynamic rendering of a block - How blocks can generate their output for the front end dynamically or statically.
- Javascript in the Block Editor - How to work with Javascript for the Block Editor.