micro-frontends-with-web-components's People
Forkers
lrodentx thepembeweb harmeetsingh090 gqio krlosg djwaddsiw yashints dev-marlon code-case thegreatgulper trinhngocdieu harryvu mightyhorst mdanwarkhan jakubpawlak crouton21 lombardilomba bryanyang nishant8bits myszon01 mogambo-garje reoxb yogishs donaldkibet vunb sidv93 erin-bush aballaci akiroussama georgechernov sinumohammed edlopez1990 mahivrgit tech-magic sunpietro shulikov-v lyndontavares sureshanandhu oitejjho salilvnair badwrong 143umohsinkhan mauriziocasciano drewbiewankenobi laurachristensen1214 enessefak jonathandsv ferhatkorel karabuluthakan p-r-t shrikantgond vijay-kumar-singh nielszandsteeg danielsantoso cityac melanj gmandavid sathyarajagopal jonotko yuqmettal xy1041 co360 satty1987 mohit-verma szai0103 diegoldnascimento sherlockwang mskkhadar lucaired giskardb linecode nitnreddy3 dimaslz jinyoung johnjkrcmarik himanshusahu shclub2 tac-tro-tan dongvng markovchainmontecarlomicro-frontends-with-web-components's Issues
Question: advantage of web components over iframes?
I'm very curious about the approach of using web components to contain the different micro frontends. I understand it encapsulates the implementation details of the mico frontend, and could allow different frameworks to co-exist on the same page (even different versions of the same framework). And with the shadow dom, it can provide further isolation of the DOM and CSS. Very cool.
But, I have to ask myself, when using web components as the means of wrapping a micro frontend, what advantage does this give over the old iframe? Yes, web components are undeniably cool, and shiny. And I could see their value in defining a custom library of components that are shared in different micro front ends, which could be built with different technology stacks.
But, if the web component is used to wrap a large block of UI (an entire micro front end), what does web components offer than an iframe does not? It seems like a lot more work to go the web component route. And, there is less browser support. The "good"/modern/evergreen browsers all support web components. But lurking in shadows is IE 11, which a lot of organizations (mine included) need to support (much to every front end developer's chagrin). I know there are webcomponent polyfills for older browser like IE 11. I managed to get a web component working with IE 11 and babel. That wasn't terrible (although it took a while). But the shadow DOM isn't patched so well on these old browsers. ShadyCSS provides some partial implementation of the shadow dom but it's not automatic and its support is limited. iframes just work.
I'm probably sounding like an apologist for iframes. I'm not. I'm just really not able to understand what benefits web components offer for mico frontends. I'd love to hear your thoughts on the matter.
How to start micro-fe-wrapper ?
Hi,
Not starting micro-fe-wrapper.
npm i
npm start
npm start doesn't work
npm doesn't work for either angular component or wrapper. Following is the error message it shows.
'serve' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: npm run build && serve -l 5001 dist/micro-fe-ng
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.