Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

Introduction to Micro Frontends

Ivan Jovanovic (Welltok)
3:35pm–4:15pm Thursday, June 14, 2018
Architecture and microservices
Location: 212 A/B Level: Intermediate
Secondary topics:  Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Technical

Who is this presentation for?

Developers

Prerequisite knowledge

JS experience is a must, React, Angular, Vue, or any other framework experience is nice to have

What you'll learn

People will learn how to make frontend microservice and how to split their big monolith apps written in React or Angular into smaller functional pieces and make them work together and scale.

Description

Ever wanted to use microservices architecture on the frontend? Want to build an app using React, Angular, and Vue together? This talk is about a thing that’s in our minds for a long time, but now’s the perfect time for it. It is called Micro Frontends, a microservice architecture on the frontend. I will show you how to write apps piece by piece and how to connect those pieces to work together. It’s so easy to split work across teams and developers and maintain those apps.

The talk will cover:
1. What are a Micro Frontends and what problem are they solving?
2. What are our choices now?
3. Examples of the implementations
4. Sync and async services
5. How can we use iframes for splitting frontend apps?

This talk will try to change the way developers look at frontend applications. They’re becoming so big, nowadays we have 90% of the client code and 10% of the backend code and that’s becoming so hard to maintain. I’ve been using this pattern for a year and so far it helped me a lot. This architecture helped my company to split the work across teams and remove the code conflicts.

Photo of Ivan Jovanovic

Ivan Jovanovic

Welltok

Ivan is the senior software engineer currently working at Welltok. He had been working for more than 8 years for many international companies, like Cloud Horizon, Pathable, Clevertech, Thinkful etc. His focus is on building scalable JS applications and experimenting with new languages and frameworks. He is into functional and reactive programming. Leading teams and mentoring junior developers is his everyday duty. He loves to share knowledge and to write on his tech blog.

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)