In AEM 6.3, I have "List component" which has already been authored on the page. Is there any way we can use the same component content on some other page without dragging-and-dropping the List component again. Basically, we would like to re-use the same component data on other pages without re-authoring just to save time and effort. Any pointers will be highly appreciated.
it is implemented by components like the iparsys or by using the InheritanceValueMap of Sling. In this case the reference target is always the parent (page/node). This approach is helpful when you want to inherit content down the tree (e.g from the homepage of the site to all individual pages); with the iparsys it’s hte content of a parsys, with the InheritanceValueMap it’s properties.
That will get messy as each page has its own props that populate the components. If you want to use same content on other pages - you should look at EFs or even Content Fragments - not try and reuse a component set in Page A on Page B.
You can reuse the content in the following way in AEM:
Content Fragments and Experience Fragments.
own implementation - for example, you can author list component in a page say list-container-page and author list. In your list component sightly code you write a logic to pick content from this authored list from list-container-page. if this page is not available or node is noted available then it picks content from the authored list in the current page. There could be other approaches based on your use case and architecture.