I learn best by digging through code – especially short examples that address the feature or technique I’m trying to learn.
I’m by no means any expert in some of the new features of YUI 3.5.x but I’ve had some time to play around with it a bit and perhaps you might glean something from the sharing as well.
Here’s the jsfiddle:
Basically, via YUI.add I add an “actor” model and view. In the main code I instantiate a new actor which exists inside the black bordered div. I’ve added some methods for moving the div around – which do so indirectly by modifying the actor model. Try clicking anywhere inside the outer div and watch the green box move to your current location.
It’s not much as far as apps go, but it shows off how you can decouple the model of an element with it’s presentation, and add events etc without having to hard code the behavior into the model.
Bring up your javascript console and watch the events pass around to get a better idea of what’s going on.
Update: I was correctly reminded that this is not a true Y.App example, but instead is one that shows off Model and View as App Framework components. I’ll be writing a new example that shows off the new Y.App component in a future post!
