Powr components

keyword stuffing: reactified settings, react, formbuilder settings, observable store, observableStore

PowrSection (tabs) - https://www.getoutline.com/doc/powrsection-8ZpRxSdE2u PowrPanel (accordian) - https://www.getoutline.com/doc/powrpanel-KZySExd9S2

Praneeta's Deck on Reactified Settings (form builder settings / react settings) https://slides.com/praneetamhatre/deck#/

How to keep backbone from updating while things are changing in your react component, but you do not want to update the model yet: If you see TriggerChange being triggered, you need to add the class "ignore" to your input in your react component's render.

How to make sure the observable store is updating the plugin's model: In the basic case, when you do not have dynamic props being added to the component in the settings file, you just need to have the namespace set to the correct key on the app_model.attributes.

Then you need to call this.props.handleChangeComplete(new-value-goes-here) as a callback after you update the state of the value on your component.