microfrontends



Some thoughts about microfrontend architecture.

I thought web component is suppose to solve the issue of making UI footprint (libraries/css/assets) smaller.  Now we have microfrontend which is tech agnostic to solve all this issue. I don't think it is good to use angular/react/vue on the same page because it is going to be hard to integrate.
UI components talks to each other, share styles, assets. You can break up into smaller microservice, for example, cart component or product component. These component needs to talk to each other, unless you're willing to use POES.

Security is another issue. How do you deal with security across microservice?


Plain Old Event system (POES) - allows you to send events to other components. Yes it feels like we're moving back in time. Instead of store based system like redux, we use event system.

Cross framework is going to be important. You need to create your own framework to work with different tech stack.

PWA Support should just be as simple as enabling it.

Offline support should just be as simple as enabling it.

UI - Cross browser / Performance analysis and cross platform (mobile/browser).

Client side / server side rendering should be as simple as enabling it.


Developers is going to be fullstack dev.

At the end of the day, front end deals with content. Why are we not querying content (think off Graphql) and then our UI framework take care of the rendering. Why are we introducing so much complexities with different JS framework (react/angular/vue) on a single page.



Tech

http://single-spa.surge.sh




Comments

Post a Comment

Popular posts from this blog

The specified initialization vector (IV) does not match the block size for this algorithm

Image
If you're getting  exception when trying to assigned key to a symmetric key and getting error message below :- The specified initialization vector (IV) does not match the block size for this algorithm And your code probably look like something below :- Then you need to go into debug mode and start looking into the supported size for IV as shown in diagram below :- As you can see, IV is 16 bytes, so you need to provide 16 bytes. The same goes for Key field too, if you're adding anything to it. As long as you provide a valid key size, then we're good and you're code will be ready.
Read more