Getting Started > Fundamentals of Block Development > Anatomy of a block

[juanmaguitar]

This is a subtask of #56282

The goal of this page is to introduce:

1. the purpose of each one of the types of files available for a block
2. the relationship between them.
3. their role in the output of the block

Among others it should explain the role of the following files for a block:

• index.js - edit.js & save.js
• render.php
• view.js
• index.php (or <plugin-name>.php)
• editor.scss and style.scss
• generated *.asset.php
• build folder

The key ideas planned for this page are represented in the diagrams below

See diagram above

[juanmaguitar]

Closed as per #56551