show example of building advanced components

[opcodewriter]

So far book covers different subjects since App Docs is poor now, which is great, but I will expect also some concrete examples.

One of them is how to build advanced components with reusability in mind.

[Vheissu]

Do you mean components reusable within Aurelia or components that can be used outside of Aurelia like web components, perhaps you meant both?

[opcodewriter]

both since you mentioned it :)

I was thinking about having concrete examples of containment scenarios, for example:

• show implementation of an list-view or expander component which has item template configurable (I can pass a custom template for the item) (I guess using template parts feature)
• show how to modify and/or extend an existing component by look&feel and/or functionality(logic); If you just want look&feel changed, I think you need to copy the component's HTML (my-expander.html) but to use it you must use compose so you can set your view <compose view='my-expander.html' view-model='expander.js'> You won't be able use element name in this case, unless you create a view-model class too (export class MyExpander expands Expander)

hope this is useful...

[wshayes]

Not sure if this is the type of components you were mentioned, but I've been trying to build a plugin that wrapped some complex form elements as Aurelia custom elements and make them available as standalone components using the Aurelia Enhance feature. FYI - Patrick Walters did a lot of this work. We got it to where we could inject these into a plain'ish html page preloaded with data, but then getting the form data out is stumping me. I'm still not sure if this is a good use of Aurelia.

UPDATE: getting form data out just requires using jQuery correctly :)

[opcodewriter]

if you look to XAML, you see how nice the containment, templating and extending is working