How to handle global state?

[lijunle]

I have a page, it can go to view mode or edit mode. Each components inside the page may look a little bit different in two modes.

What is the best practices to pass in the view/edit mode information to each components? Global is easy but it is leaking the information.

[glauberramos]

I think the best approach is to handle the edit style inside each component. Each component should have a class .component-name and the editing style .component-name-editing. Something like that.

If you don't want to handle inside each component, maybe your page could have a higher class like .page-name and .page-name-editing and from that you can change the style of each component. But that is not the best because you can't reuse the styles if you use the same component on another page.