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.
AS
Anand Sudhanaboina
@anands_intu
Building Micro Frontends
Submitted Dec 27, 2018
Technical level:
Intermediate
Microservices architecture helped us achieve speed, scale, and quality in the backend. With the current front-end trends, there are around 100+ JavaScript UI frameworks or even more. While we can leverage the innovations in the newer frameworks we are leaving behind and often miss the qualities of older frameworks which can be converged. With the new innovations in the Front End World, we can now have a converged web application where you can have more than one framework co-exist and independent from each other which is a Micro Front End. Which means, for example, in a single page there can be a section written in Vue and other written in ReactJS. By this, we can achieve the advantages of the microservices in the front end for good.
Outline
- Architecture and principles of microservices
- Traditional Frontend approaches
- What are Micro Frontends?
- Why use Micro Frontends?
- How to get started?
- Challenges & Drawbacks
- Demo
- References
- Q & A
Speaker bio
Anand is a Full Stack Engineer at Intuit. He spends most of his time writing scalable and high performant code.
Slides
https://docs.google.com/presentation/d/1SIlejDDs0SpyITITVSiPmqwf0EcHpCIr1hEvtEPsSWo/edit?usp=sharing
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}