Design Friendly Facelets - how?

Hi all, hope I'm not asking something obvious here

I'm currently getting up to speed with Facelets - I'm generally liking it, but I'm failing to spot the main point of it.

I've bought the idea that Facelets is more design friendly, and I've followed the example in Core JSF of using jsfc to switch html input fields for <h:inputText> - excellent.

I'm missing something though - how can this apporach be applied to the "bigger" JSF components, like h:dataTables? As a dataTable is a higher level component, it doesn't have a direct analogy in HTML and it doesn't seem easy or natural to fit in with design friendly facelets.

Any advice gratefully received!

Jim.