JSFoo is the annual JavaScript conference hosted by HasGeek. The Pune edition is the second edition (JSFoo in Pune in 2012, and ReactFoo in January 2018).
HasGeek launched JSFoo in 2011 as India’s first JavaScript conference. The JS community in India has grown phenomenally since then. JavaScript now prevades every aspect of web development - browsers, apps, front-end, back-end, mobile and IoT, and there’s always scope to understand new ideas and solutions. The conference explores new ideas, implementing innovative solutions, and learning from experiences, especially negative ones.
Want to see the talks from last year’s conference? Watch the JSFoo 2018 videos or the related ReactFoo 2018 videos.
RR
Rohit Rai
@rohitkrai03
Demystifying component architecture in Angular
Submitted Aug 7, 2018
Section:
Full talk
Technical level:
Intermediate
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.
Outline
- 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.
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}