JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Demystifying component architecture in Angular

Submitted by Rohit Rai (@rohitkrai03) on Tuesday, 7 August 2018

Section: Full talk Technical level: Intermediate Status: Awaiting details


Web applications today are getting more and more complex with hundreds of components or more. There are a lot of opinionated views on the architecture of our overall application but most of the times we overlook design and architecture of our components. There are three different ways we can design our components - container components, dumb component and smart components. In this talk I’ll be talking about how these component design patterns fit into different scenarios we come accross while developing our application and common pitfalls to them.


  • Brief introduction of component architecture.
  • Why we need to think of better designs for our components.
  • A common component design pattern and issue with it.
  • Container components and its purpose.
  • Dumb components and benefits.
  • Smart components and how they can bring balance.
  • How can we think about when to use what?

Speaker bio

Rohit Rai is a JavaScript lover currently working for Red Hat Inc. He got introduced to the world of JavaScript and web development 4 years back. He has experience with different JavaScript frameworks like Angular, React, Vue and Knockout.js. Currently he is working on enterprise level application based on Angular.


  • Zainab Bawa (@zainabbawa) Crew a year ago

    Hello Rohit, we need draft slides and a preview video to understand the content and structure of the proposal better. Please submit the same, asap, so that we can close the review on your proposal.

    • Rohit Rai (@rohitkrai03) Proposer a year ago

      I will be posting the slide and video by the end of this week. Thank you.

Login to leave a comment