What?

This PR depends on #56770 to see the improvement better, but otherwise not technically.

Currently BlockEdit functions added by hooks implicitly subscribe to all attributes because they are children of the main BlockEdit function. In this PR, I make some of these pure and explicitly subscribe only to the relevant attributes.

I expect a performance benefit on typing because now these controls shouldn't re-render when the paragraph content attribute changes.

The more panels you have open, or the more controls show, the worse it is. By default, we only have color and typography open on paragraph.

Also:

• Using the store allows us to decouple these controls in the future when we design a block supports API.
• We should look into replacing setAttributes etc. as well and use the store instead.
• There’s potentially further improvements we can make when these controls read from the store: use AsyncProvider when the panel is not focussed, although I think the gain would be smaller since the amount of subscriptions is probably low.
• The inspector slot/fills should be investigated because they still render excessively.

Why?

Before	After #56770	After this PR
Panels 🔴	Panels 🟢	Panels 🟢
Controls 🔴	Controls 🔴	Controls 🟢
Slot/Fill 🔴	Slot/Fill 🔴	Slot/Fill 🔴(*)

(*) To be investigated.

How?

Testing Instructions

Testing Instructions for Keyboard

Screenshots or screencast