# How to achieve nested components in ionic 3

**URL:** <https://forum.ionicframework.com/t/how-to-achieve-nested-components-in-ionic-3/85849>\
**Category:** ionic-v3\
**Created:** [April 8, 2017, 11:18am UTC](https://forum.ionicframework.com/t/how-to-achieve-nested-components-in-ionic-3/85849 "2017-04-08T11:18:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![yasirpanjsheri](https://avatars.discourse-cdn.com/v4/letter/y/c0e974/32.png) [@yasirpanjsheri](https://forum.ionicframework.com/u/yasirpanjsheri)\
**Post date:** [April 8, 2017, 11:18am UTC](https://forum.ionicframework.com/t/how-to-achieve-nested-components-in-ionic-3/85849/1 "2017-04-08T11:18:02Z")

</div>

hi , I have a component (news feed) which consists of posts , each post has avatar + title + img + text (card-content) + likes + comments.

I am trying to have the post itself on a component (child component) and the component news feed as parent (where it lists the child component) I couldn’t put all in one component because the likes and comments part get complicated.

I looked around for examples on how to do this in ionic 2/3 but I can’t find anything to start with.  
a simple example would help , thanx

---

<div class="post-metadata">

**Author:** ![maninak](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/maninak/32/104399_2.png) [@maninak](https://forum.ionicframework.com/u/maninak)\
**Post date:** [April 8, 2017, 11:29am UTC](https://forum.ionicframework.com/t/how-to-achieve-nested-components-in-ionic-3/85849/2 "2017-04-08T11:29:40Z")

</div>

The [hero-detail tutorial in the Angular docs](https://angular.io/docs/ts/latest/tutorial/toh-pt3.html) should be what you are looking for.

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [April 8, 2017, 5:33pm UTC](https://forum.ionicframework.com/t/how-to-achieve-nested-components-in-ionic-3/85849/3 "2017-04-08T17:33:16Z")

</div>

You mention Ionic 3. I have a fairly similar app, and it was not a big fan of lazy page loading, so I advise you to steer clear of that feature for now.

---

<div class="post-metadata">

**Author:** ![yasirpanjsheri](https://avatars.discourse-cdn.com/v4/letter/y/c0e974/32.png) [@yasirpanjsheri](https://forum.ionicframework.com/u/yasirpanjsheri)\
**Post date:** [April 9, 2017, 4:04am UTC](https://forum.ionicframework.com/t/how-to-achieve-nested-components-in-ionic-3/85849/4 "2017-04-09T04:04:46Z")

</div>

I would love to do that…but the thing is the loading time… I can’t get to reduce the loading time… unless if something has changed in ionic2 since ionic 3 came out…then I haven’t followed up yet, but the idea that I have to keep staring at the splash screen for more than 6 seconds when the app still hasn’t reached 50% of its development life line, is ridiculous…Im not really sure what to do

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [April 9, 2017, 5:05am UTC](https://forum.ionicframework.com/t/how-to-achieve-nested-components-in-ionic-3/85849/5 "2017-04-09T05:05:39Z")

</div>

Obviously YMMV, but I saw no improvement in loading time with lazy page loading, and my app package ballooned by about 40% due to duplication of component code in each page module that used a given component.