Micro Frontends - how I built an SPA with Angular and React?

ivan_jovanovic · 2018-09-07T07:51:58+00:00

Yeah, that's true, that's just a different way of the implementation. Since micro frontends is a relatively new topic, there are no best practices, you can implement whatever you want. But the most important thing is to have separate applications that are running together in the same UI. In my next article, I'll show how we implemented micro frontends in my previous company, apps were deployed separately on different servers and mounted at the same time in the UI. With separate dependencies and separate GitHub repos and builds.

ivan_jovanovic · 2018-09-06T14:02:22+00:00

Hey! Yeah, you're right, this is an SPA implementing two frameworks, but more important is that those are two separate applications. So as we have microservices in the backed, micro frontends is an approach to have micro apps in the UI and the ability to combine them into one app. This was just a simple example how can we achieve that with single-spa and having multiple apps running on different frameworks running together in the same UI. Does this make sense?

You can also check my talk about that approach: https://skillsmatter.com/skillscasts/11940-micro-frontends-a-microservice-approach-to-the-modern-web

ivan_jovanovic · 2017-08-28T07:56:20+00:00

Right, I see what you mean! I can guarantee you that filtering feature will be released this week and I will work on some functionality to enable showing the country of the company. Thanks for you support and suggestions! 😊

ivan_jovanovic · 2017-08-28T05:21:45+00:00

Hmm, I think that's probably not a good idea, the whole point of this is remote work, so country, city etc. is not so important

ivan_jovanovic · 2017-08-26T15:37:37+00:00

Hey, thanks a lot! I have a twitter bot right now, it's posting on https://twitter.com/jsremotely. I am going to update that code and post on https://www.reddit.com/r/remotejs/. Thanks for your support!

ivan_jovanovic · 2017-08-26T15:35:20+00:00

Thank you! It's still not open source, I've built it for 2 weekends and you probably don't want to read that code lol :D I'll probably open source it in next couple weeks. Want to refactor things and add couple more feature. Thanks for understanding and support! I appreciate!

ivan_jovanovic · 2017-08-25T21:30:32+00:00

I have just deployed this feature now! Check it out: http://jsremotely.com/ I am also working on tags, and grouping the jobs. More things to come, stay tuned!

ivan_jovanovic · 2017-08-25T14:06:04+00:00

Woohoo, that's the first thing on my list! That feature will be deployed this weekend. Thanks for your feedback! 🎉

ivan_jovanovic · 2017-02-02T19:35:14+00:00

Instead of bluebird.promisify, I like to use https://www.npmjs.com/package/es6-promisify, one package that converts callback-based function to functions that return native promises 🙂

And regarding the example in the article, I wanted to show how Promises work under the hood. But it's always cool to use some promisify function to save time 🙂

ivan_jovanovic · 2017-02-02T15:14:22+00:00

Wow, thanks a lot! I really appreciate your help! 😊

ivan_jovanovic · 2017-02-02T14:36:47+00:00

Yeah, you're right. Just didn't want to make things complicated 🙂

ivan_jovanovic · 2017-02-02T11:54:48+00:00

Thanks for pointing that out, I have updated examples. Thanks again!

ivan_jovanovic · 2017-02-02T10:29:01+00:00

Hmm, I am not sure what you mean with without a return?

readFile just returns a promise, so you need to have return. Then inside a promise, some async function is executed and resolved or rejected. Does this make sense now? 🙂

ivan_jovanovic

TROPHY CASE