Block properties, attributes and settings

Settings is what you define in registerBlockType() in the block.js file. Here you have to add most basic settings like title:, category: and icon:. (Handbook link).

Attributes are optional, also in registerBlockType(). You can extract values from markup i.e. for saving the block content (Handbook link).

Properties get passed from the editor. You can find them in the edit: and save: function. Here you can call the optional attributes like ‘props.attributes’ (Handbook link).

Maybe it’s not the best explanation, but I hope you get an idea. ;o)