xoron :verified:<p><a href="https://infosec.exchange/tags/Decentralized" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Decentralized</span></a> <a href="https://infosec.exchange/tags/Module" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Module</span></a> <a href="https://infosec.exchange/tags/Federation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Federation</span></a> <a href="https://infosec.exchange/tags/Microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microfrontend</span></a> <a href="https://infosec.exchange/tags/Architecture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Architecture</span></a> </p><p>I'm working on a <a href="https://infosec.exchange/tags/webapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webapp</span></a> and I'm being <a href="https://infosec.exchange/tags/creative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creative</span></a> on the <a href="https://infosec.exchange/tags/approach" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>approach</span></a>. It might be considered <a href="https://infosec.exchange/tags/overcomplicated" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>overcomplicated</span></a> (because it is), but I'm just trying something out. It's entirely possible this approach won't work <a href="https://infosec.exchange/tags/longterm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>longterm</span></a>. I see it as there is <a href="https://infosec.exchange/tags/onewaytofindout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>onewaytofindout</span></a>. I don't recommend this approach. Just sharing what I'm trying/#investigating.</p><p>How it will be <a href="https://infosec.exchange/tags/architected" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>architected</span></a>: [<a href="https://positive-intentions.com/blog/decentralised-architecture](https://positive-intentions.com/blog/decentralised-architecture)" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/blog/d</span><span class="invisible">ecentralised-architecture](https://positive-intentions.com/blog/decentralised-architecture)</span></a><br>Some <a href="https://infosec.exchange/tags/benefits" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>benefits</span></a> of the <a href="https://infosec.exchange/tags/approach" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>approach</span></a>: [<a href="https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure](https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure)" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/blog/s</span><span class="invisible">tatics-as-a-chat-app-infrastructure](https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure)</span></a></p><p>I find that <a href="https://infosec.exchange/tags/modulefederation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modulefederation</span></a> and <a href="https://infosec.exchange/tags/microfrontends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontends</span></a> to generally be <a href="https://infosec.exchange/tags/discouraged" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>discouraged</span></a> when I see posts, but I think it works for me in my <a href="https://infosec.exchange/tags/approach" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>approach</span></a>. I'm <a href="https://infosec.exchange/tags/optimistic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>optimistic</span></a> about the approach and the <a href="https://infosec.exchange/tags/benefits" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>benefits</span></a> and so I wanted to <a href="https://infosec.exchange/tags/share" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>share</span></a> details.</p><p>When I serve the <a href="https://infosec.exchange/tags/federatedmodules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>federatedmodules</span></a>, I can also host the <a href="https://infosec.exchange/tags/storybook" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>storybook</span></a> statics so I think this could be a good way to <a href="https://infosec.exchange/tags/document" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>document</span></a> the modules in <a href="https://infosec.exchange/tags/isolation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>isolation</span></a>.</p><p><a href="https://infosec.exchange/tags/Cryptography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cryptography</span></a> modules - <a href="https://cryptography.positive-intentions.com/?path=%2Fdocs%2Fcryptography-introduction--docs" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cryptography.positive-intentio</span><span class="invisible">ns.com/?path=%2Fdocs%2Fcryptography-introduction--docs</span></a></p><p><a href="https://infosec.exchange/tags/P2P" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>P2P</span></a> framework - <a href="https://p2p.positive-intentions.com/?path=%2Fdocs%2Fe2e-tests-connectionstatus--docs" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">p2p.positive-intentions.com/?p</span><span class="invisible">ath=%2Fdocs%2Fe2e-tests-connectionstatus--docs</span></a></p><p>This way, I can create <a href="https://infosec.exchange/tags/microfrontends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontends</span></a> that consume these <a href="https://infosec.exchange/tags/modules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modules</span></a>. I can then <a href="https://infosec.exchange/tags/share" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>share</span></a> the <a href="https://infosec.exchange/tags/functionality" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>functionality</span></a> between <a href="https://infosec.exchange/tags/apps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>apps</span></a>. The following apps are using a different codebase from each other (there is a <a href="https://infosec.exchange/tags/distinction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>distinction</span></a> between these apps in <a href="https://infosec.exchange/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> and <a href="https://infosec.exchange/tags/closesource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>closesource</span></a>). Sharing those <a href="https://infosec.exchange/tags/dependencies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dependencies</span></a> could help make it easier to roll out <a href="https://infosec.exchange/tags/updates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>updates</span></a> to <a href="https://infosec.exchange/tags/coremechanics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coremechanics</span></a>.</p><p><a href="https://infosec.exchange/tags/P2P" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>P2P</span></a> chat - [<a href="https://chat.positive-intentions.com/](https://chat.positive-intentions.com/)" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chat.positive-intentions.com/]</span><span class="invisible">(https://chat.positive-intentions.com/)</span></a><br><a href="https://infosec.exchange/tags/P2P" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>P2P</span></a> file transfer - [<a href="https://file.positive-intentions.com/](https://file.positive-intentions.com/)" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">file.positive-intentions.com/]</span><span class="invisible">(https://file.positive-intentions.com/)</span></a></p><p>The <a href="https://infosec.exchange/tags/functionality" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>functionality</span></a> also works when I create an <a href="https://infosec.exchange/tags/Android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Android</span></a> build with <a href="https://infosec.exchange/tags/Tauri" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tauri</span></a>. This could also lead to it being easier to create <a href="https://infosec.exchange/tags/newapps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>newapps</span></a> that could use the <a href="https://infosec.exchange/tags/modules" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>modules</span></a> created.</p><p>I'm sure there will be some distinct <a href="https://infosec.exchange/tags/test" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>test</span></a>/#maintenance <a href="https://infosec.exchange/tags/overhead" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>overhead</span></a>, but depending on how it's <a href="https://infosec.exchange/tags/architected" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>architected</span></a> I think it could work and make it easier to <a href="https://infosec.exchange/tags/improve" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>improve</span></a> on the current <a href="https://infosec.exchange/tags/implementation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>implementation</span></a>.</p><p>Everything about the <a href="https://infosec.exchange/tags/project" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>project</span></a> is far from finished. It could be seen as this is a <a href="https://infosec.exchange/tags/complicated" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>complicated</span></a> way to do what <a href="https://infosec.exchange/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a> does, but I think this <a href="https://infosec.exchange/tags/approach" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>approach</span></a> allows for greater <a href="https://infosec.exchange/tags/flexibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flexibility</span></a> by being able to <a href="https://infosec.exchange/tags/separate" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>separate</span></a> <a href="https://infosec.exchange/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> and <a href="https://infosec.exchange/tags/closesource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>closesource</span></a> code for the <a href="https://infosec.exchange/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a>. (Of course as <a href="https://infosec.exchange/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a>, it will always be "source code available". Especially in the age of <a href="https://infosec.exchange/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a>, I'm sure it's possible to <a href="https://infosec.exchange/tags/reverseengineer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reverseengineer</span></a> it like never before.)</p><p>(mastodon might not be the place for something like this, so let me know if you dont like this kind of content. i typically post on reddit and would like to shift it more towards mastodon. i also use lemmy, but mastodon has a better reach.)</p>
techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome
Administered by:
Server stats:
4.6Kactive users
techhub.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.2
#microfrontend
1 post · 1 participant · 0 posts today
Evan DowerHi, I'm Evan (he/any).<br><br>TLDR: I'm a privileged white hetero-cis-male politically <a class="hashtag" href="https://fe.disroot.org/tag/left" rel="nofollow noopener" target="_blank">#left</a> <a class="hashtag" href="https://fe.disroot.org/tag/triratnabuddhist" rel="nofollow noopener" target="_blank">#TriratnaBuddhist</a> <a class="hashtag" href="https://fe.disroot.org/tag/softwareengineer" rel="nofollow noopener" target="_blank">#SoftwareEngineer</a> (#IHelpPeopleGetJobs) currently in <a class="hashtag" href="https://fe.disroot.org/tag/seattle" rel="nofollow noopener" target="_blank">#Seattle</a> but planning to move to <a class="hashtag" href="https://fe.disroot.org/tag/aotearoanz" rel="nofollow noopener" target="_blank">#AotearoaNZ</a> or <a class="hashtag" href="https://fe.disroot.org/tag/australia" rel="nofollow noopener" target="_blank">#Australia</a> as so as we can manage it with my wife & 3 kids<br><br>I'm politically <a class="hashtag" href="https://fe.disroot.org/tag/left" rel="nofollow noopener" target="_blank">#left</a> (at least in United States terms). I'm a <a class="hashtag" href="https://fe.disroot.org/tag/voting" rel="nofollow noopener" target="_blank">#voting</a> nerd in that I have a favorite voting-related textbook (Collective Decisions and Voting by Nicolaus Tideman).<br><br>I think we could mostly solve <a class="hashtag" href="https://fe.disroot.org/tag/gerrymandering" rel="nofollow noopener" target="_blank">#gerrymandering</a> by making larger districts with ~5 representatives instead of just 1 and then using <a class="hashtag" href="https://fe.disroot.org/tag/singletransferablevote" rel="nofollow noopener" target="_blank">#SingleTransferableVote</a>. That would strike a nice balance between local & proportional representation. For single-person positions, like presidents/governors/mayors, STV becomes <a class="hashtag" href="https://fe.disroot.org/tag/rankedchoicevoting" rel="nofollow noopener" target="_blank">#RankedChoiceVoting</a> (aka <a class="hashtag" href="https://fe.disroot.org/tag/instantrunoffvoting" rel="nofollow noopener" target="_blank">#InstantRunoffVoting</a> aka <a class="hashtag" href="https://fe.disroot.org/tag/alternativevote" rel="nofollow noopener" target="_blank">#AlternativeVote</a>) which eliminates the spoiler effect and leads to more civil campaigns.<br><br>Plus, <a class="hashtag" href="https://fe.disroot.org/tag/rankedchoicevoting" rel="nofollow noopener" target="_blank">#RankedChoiceVoting</a> eliminates the need for primaries and runoffs, which can lead to significant cost reductions.<br><br>I'm training for ordination with the <a class="hashtag" href="https://fe.disroot.org/tag/triratnabuddhist" rel="nofollow noopener" target="_blank">#TriratnaBuddhist</a> Order (#dhamma, <a class="hashtag" href="https://fe.disroot.org/tag/dharma" rel="nofollow noopener" target="_blank">#dharma</a>, <a class="hashtag" href="https://fe.disroot.org/tag/buddhism" rel="nofollow noopener" target="_blank">#Buddhism</a>) and have been for many years. It's a long process, especially with other things going on. I've done some kind of <a class="hashtag" href="https://fe.disroot.org/tag/meditation" rel="nofollow noopener" target="_blank">#meditation</a> (mostly <a class="hashtag" href="https://fe.disroot.org/tag/anapanasati" rel="nofollow noopener" target="_blank">#anapanasati</a>) every day for over 3 years and more sporadically since 2006.<br><br>That said, I do take issue with some of the things the founder (Sangharakshita) did, and I'm concerned with a recent rise in sort of guru worship around. I can have gratitude for his explanation of the dharma, try to sort out the idiosyncratic bits, and still view him as a deeply flawed human being. <br><br>I write <a class="hashtag" href="https://fe.disroot.org/tag/software" rel="nofollow noopener" target="_blank">#software</a> for <a href="http://indeed.com" rel="nofollow noopener" target="_blank">http://indeed.com</a> (job search site) (previously employed by Amazon). I've written a lot of <a class="hashtag" href="https://fe.disroot.org/tag/database" rel="nofollow noopener" target="_blank">#database</a>-backed <a class="hashtag" href="https://fe.disroot.org/tag/webservices" rel="nofollow noopener" target="_blank">#webservices</a> in <a class="hashtag" href="https://fe.disroot.org/tag/java" rel="nofollow noopener" target="_blank">#Java</a>, but in the last few years, I've been working on <a class="hashtag" href="https://fe.disroot.org/tag/microfrontend" rel="nofollow noopener" target="_blank">#microfrontend</a> platforms in <a class="hashtag" href="https://fe.disroot.org/tag/javascript" rel="nofollow noopener" target="_blank">#JavaScript</a> & <a class="hashtag" href="https://fe.disroot.org/tag/typescript" rel="nofollow noopener" target="_blank">#TypeScript</a>, primarily supporting <a class="hashtag" href="https://fe.disroot.org/tag/react" rel="nofollow noopener" target="_blank">#React</a>. I have more knowledge about <a class="hashtag" href="https://fe.disroot.org/tag/webpack" rel="nofollow noopener" target="_blank">#Webpack</a> <a class="hashtag" href="https://fe.disroot.org/tag/modulefederation" rel="nofollow noopener" target="_blank">#ModuleFederation</a> than anyone should be cursed with. I'd love to try <a class="hashtag" href="https://fe.disroot.org/tag/solidjs" rel="nofollow noopener" target="_blank">#SolidJS</a>, <a class="hashtag" href="https://fe.disroot.org/tag/rustlang" rel="nofollow noopener" target="_blank">#RustLang</a> seems really cool, and I'm excited about the future of <a class="hashtag" href="https://fe.disroot.org/tag/webassembly" rel="nofollow noopener" target="_blank">#WebAssembly</a>.<br><br>My wife & I have fantasized about moving to <a class="hashtag" href="https://fe.disroot.org/tag/aotearoanz" rel="nofollow noopener" target="_blank">#AotearoaNZ</a> or <a class="hashtag" href="https://fe.disroot.org/tag/australia" rel="nofollow noopener" target="_blank">#Australia</a> since well before the pandemic, and now we're actively trying make it happen. Since we're both in high-demand professions (she's a nurse), I think it should go reasonably smoothly 🤞. Feel free to get in touch with job opportunities that offer visa sponsorship, suggestions for <a class="hashtag" href="https://fe.disroot.org/tag/kiwiana" rel="nofollow noopener" target="_blank">#kiwiana</a> or Australian culture that will help us adapt, reasons that your city is the best, etc. I always blow on the pie when I wear my jandals to the dairy. If we ship things over, I can only hope that the front doesn't fall off the boat. I hear that only rarely happens. <br><br>My daughter Juniper was born at the beginning of 2020, so her experience of life and my experience of parenthood are both tightly linked to the pandemic. On the upside, I get to work remotely, which means I get more time with her. She's a lot of fun (and of course a lot of work).<br><br>Then, we had our twins Heath & Magnolia (Noli) in September 2023, and our lives got even more hectic and full of love.<br><br>Juniper goes to a Waldorf school, and I wish I could go, too, but I think the adult version of Waldorf school might just be therapy.
Nube Colectiva<p>The 5 Best Frameworks For Micro Frontends. </p><p>Los 5 Mejores Frameworks Para Micro Frontends.</p><p>👉 <a href="https://blog.nubecolectiva.com/los-5-mejores-frameworks-para-micro-frontends/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.nubecolectiva.com/los-5-m</span><span class="invisible">ejores-frameworks-para-micro-frontends/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frameworks</span></a> <a href="https://mastodon.social/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a></p>
:rss: Qiita - 人気の記事<p>React Native Meetup#20の現地レポートと学び<br><a href="https://qiita.com/natsuya_kume/items/a7fbbda35c23da3af01e?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">qiita.com/natsuya_kume/items/a</span><span class="invisible">7fbbda35c23da3af01e?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items</span></a></p><p><a href="https://rss-mstdn.studiofreesia.com/tags/qiita" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>qiita</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>イベント</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/meetup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>meetup</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/reactnative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactnative</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/expo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>expo</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a></p>
Benjamin Seber<p>Bin auf der Suche nach Informationen zu Microfrontends mit Server Side Include oder Edge Side Include.</p><p>Gibt es da gute Blogs? Gerne auch seeehr alte? Ich kenne nur Zalando Mosaic.</p><p>Bonus: Progressive Enhancement. Eine Prise JavaScript nur für Ajax/Fetch, View Transitions oder um HTML Elemente auszutauschen.</p><p><a href="https://ohai.social/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a> <a href="https://ohai.social/tags/softwareengineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwareengineering</span></a> <a href="https://ohai.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a></p>
jmsfbs<p>Spotify squad 1: I'm going to put notifications at the bottom of the screen!</p><p>Spotify squad 2: I'm going to put navigation and other buttons at the bottom of the screen!</p><p>Spotify user: Oh no!</p><p><a href="https://mastodon.social/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a> <a href="https://mastodon.social/tags/microfrontends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontends</span></a></p>
jmsfbs<p>I'm personally deeply deeply sceptical of <a href="https://mastodon.social/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a> 's but I'm curious to hear from people that are pro MFE's in the <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> space.</p><p>For context, my view is code splitting is old tech now. It's trivial to only load the code we need. Just use a dynamic import. If merge conflicts constantly arise in a large team its because there's too much DRY and not enough WET.</p><p>Every company's obsessions with having a bespoke component library is also completely bizarre to me.</p><p><a href="https://mastodon.social/tags/changemymind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>changemymind</span></a></p>
xoron :verified:<p>Microfronends as a <a href="https://infosec.exchange/tags/decentralized" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>decentralized</span></a> alternative to <a href="https://infosec.exchange/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a>.</p><p>While i can smush everything into a <a href="https://infosec.exchange/tags/monoRepo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>monoRepo</span></a>, i wanted to explore the idea of using <a href="https://infosec.exchange/tags/Microfrontends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microfrontends</span></a> as a kind-of self managed alternative to <a href="https://infosec.exchange/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>npm</span></a>.</p><p>Microfronends have been around for a while and i've come across many different approaches. I want to share how im using microfrontends in my project. </p><p>Im using <a href="https://infosec.exchange/tags/Webpack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webpack</span></a> 5 <a href="https://infosec.exchange/tags/moduleFederation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>moduleFederation</span></a> to create the <a href="https://infosec.exchange/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a>. there are some interesting features that i dont think are being mentioned elsewhere:</p><p>- Dynamic Remotes: Modules can be loaded from various endpoints. We can use a custom function to ping different URLs and determine the fastest one for loading the required module.</p><p>- <a href="https://infosec.exchange/tags/Selfhosters" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Selfhosters</span></a> can manage modules independently, enhancing control over updates and <a href="https://infosec.exchange/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>security</span></a> on <a href="https://infosec.exchange/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> projects.</p><p>- Development Experience: By using dynamic-remotes and running modules locally during development, it can speed up testing and iteration.</p><p>- Scalability: The approach allows for <a href="https://infosec.exchange/tags/CDN" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CDN</span></a> scaling with module deployments on multiple cloud providers. currently, my redundencies are on AWS S3 + github-pages... but i can see how this can be scaled to more cloud providers.</p><p>Im aiming for the architecture to look like the following. Let me know your thoughts on my approach and if its something you would consider for your project.</p><p><a href="https://positive-intentions.com/blog/decentralised-architecture" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/blog/d</span><span class="invisible">ecentralised-architecture</span></a></p><p><a href="https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/blog/s</span><span class="invisible">tatics-as-a-chat-app-infrastructure</span></a></p><p><a href="https://infosec.exchange/tags/Microfrontends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microfrontends</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://infosec.exchange/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://infosec.exchange/tags/ModuleFederation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModuleFederation</span></a> <a href="https://infosec.exchange/tags/DynamicRemotes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DynamicRemotes</span></a> <a href="https://infosec.exchange/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SelfHosting</span></a> <a href="https://infosec.exchange/tags/DevExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevExperience</span></a> <a href="https://infosec.exchange/tags/Scalability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Scalability</span></a> <a href="https://infosec.exchange/tags/AWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AWS</span></a> <a href="https://infosec.exchange/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHubPages</span></a> <a href="https://infosec.exchange/tags/CDN" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CDN</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a></p>
xoron :verified:<p>Decentralized Micro-frontend Architecture</p><p>Blog: <a href="https://positive-intentions.com/blog/decentralised-architecture" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/blog/d</span><span class="invisible">ecentralised-architecture</span></a></p><p>GitHub: <a href="https://github.com/positive-intentions/chat" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/chat</span></a></p><p>Demo: <a href="https://chat.positive-intentions.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">chat.positive-intentions.com</span><span class="invisible"></span></a></p><p>Follow for more!</p><p><a href="https://infosec.exchange/tags/decentralized" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>decentralized</span></a> <a href="https://infosec.exchange/tags/webpack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webpack</span></a> <a href="https://infosec.exchange/tags/ModuleFederation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModuleFederation</span></a> <a href="https://infosec.exchange/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a> <a href="https://infosec.exchange/tags/pwa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pwa</span></a> <a href="https://infosec.exchange/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://infosec.exchange/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Ed Blackburn<p>In practice, the toughest part of stream-aligned teams is owning the full stack, especially the front end, where UIs need to span vertical streams. Coordinating and building UIs, where teams own their data, isn’t easy. Composite UIs, like Micro-frontends, can be tricky, and monolithic UIs break stream alignment. How have you managed this challenge in your teams? <a href="https://hachyderm.io/tags/teamtopologies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>teamtopologies</span></a> <a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://hachyderm.io/tags/ddd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ddd</span></a> <a href="https://hachyderm.io/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a> <a href="https://hachyderm.io/tags/microservices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microservices</span></a></p>
Holger Grosse-Plankermann<p>Ich war beim SoftwerkerCast der codecentric AG zu Gast. Es geht ein halbes Stündchen um das Thema <a href="https://chaos.social/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a><br>Was ist das? Welches Problem lösen diese? Und welche Gedanken könnte ich mir machen, wenn ich diese einsetzen möchte.</p><p>Hört doch mal rein!</p><p><a href="https://podfollow.com/1592472699/episode/9e404a9b88d77e74865d7e1d1e8a021122eb5358/view" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">podfollow.com/1592472699/episo</span><span class="invisible">de/9e404a9b88d77e74865d7e1d1e8a021122eb5358/view</span></a></p>
Chris Woody Woodruff<p>Anyone have a good implementation of using ASP.NET Core for a Mincro Front-End?<br><a href="https://mastodon.social/tags/aspnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aspnet</span></a> <a href="https://mastodon.social/tags/aspnetcore" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aspnetcore</span></a> <a href="https://mastodon.social/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a></p>
:mastodon: Mike Amundsen<p>Beyond Micro Frontends: Effective Composable Decoupled Applications on Cloud Native Infrastructure</p><p><a href="https://www.infoq.com/presentations/micro-frontend-cloud-native/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">infoq.com/presentations/micro-</span><span class="invisible">frontend-cloud-native/</span></a></p><p>"I hope, by the end of this talk, you'll have a new perspective on building robust and scalable applications that can meet the demands of modern cloud environment, but also of the modern frontend ecosystem, and that you can do it from a frontend perspective." -- <a href="https://mastodon.social/tags/NataliaVenditto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NataliaVenditto</span></a></p><p><a href="https://mastodon.social/tags/api360" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>api360</span></a> <a href="https://mastodon.social/tags/microFrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microFrontend</span></a> <a href="https://mastodon.social/tags/microservices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microservices</span></a></p>
whitone<p>"Abstract for Eyecare: the evolution of telemedicine" by Francesco Bedussi & Tommaso Vecchiattini <a href="https://mastodon.social/tags/Abstract" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Abstract</span></a></p><p><a href="https://mastodon.social/tags/Codemotion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Codemotion</span></a> <a href="https://mastodon.social/tags/CodemotionMilan23" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodemotionMilan23</span></a></p><p><a href="https://mastodon.social/tags/eyecare" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eyecare</span></a> <a href="https://mastodon.social/tags/microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microfrontend</span></a> <a href="https://mastodon.social/tags/DigitalPhoropter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalPhoropter</span></a> <a href="https://mastodon.social/tags/healthcareIT" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>healthcareIT</span></a> <a href="https://mastodon.social/tags/telemedicine" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>telemedicine</span></a></p>
TechDailyCFP<p>angularday | 24th November 2023 | Verona (<a href="https://2023.angularday.it/" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">2023.angularday.it/</span><span class="invisible"></span></a>):</p><p>⌛ Today is the last day to submit your talk proposal: <a href="https://t.co/usbGktVhx9" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/usbGktVhx9</span><span class="invisible"></span></a></p><p><a href="https://techhub.social/tags/CFP" class="mention hashtag" rel="tag">#<span>CFP</span></a> is closing tomorrow!</p><p>Looking forward to meeting you in 📍 Verona on 📅 24.11.23<br />🎫 <a href="https://t.co/kAEmzai2eo" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/kAEmzai2eo</span><span class="invisible"></span></a> </p><p>@grusp <a href="https://techhub.social/tags/angular" class="mention hashtag" rel="tag">#<span>angular</span></a> <a href="https://techhub.social/tags/angularjs" class="mention hashtag" rel="tag">#<span>angularjs</span></a> <a href="https://techhub.social/tags/javascript" class="mention hashtag" rel="tag">#<span>javascript</span></a> <a href="https://techhub.social/tags/js" class="mention hashtag" rel="tag">#<span>js</span></a> <a href="https://techhub.social/tags/cypress" class="mention hashtag" rel="tag">#<span>cypress</span></a> <a href="https://techhub.social/tags/microfrontend" class="mention hashtag" rel="tag">#<span>microfrontend</span></a> <a href="https://techhub.social/tags/components" class="mention hashtag" rel="tag">#<span>components</span></a> <a href="https://t.co/eTAvXTsigk" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/eTAvXTsigk</span><span class="invisible"></span></a></p>
TechDailyCFP<p>angularday | 24th November 2023 | Verona (<a href="https://2023.angularday.it/" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">2023.angularday.it/</span><span class="invisible"></span></a>):</p><p>Only one week left to submit your talk proposal for <a href="https://techhub.social/tags/angularday" class="mention hashtag" rel="tag">#<span>angularday</span></a>: <a href="https://t.co/usbGktVhx9" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/usbGktVhx9</span><span class="invisible"></span></a></p><p>You have time until 31.08.2023</p><p>Looking forward to meeting you in📍 Verona on 📅 24.11.23 <br />🎫 <a href="https://t.co/kAEmzai2eo" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/kAEmzai2eo</span><span class="invisible"></span></a></p><p>@grusp <a href="https://techhub.social/tags/angular" class="mention hashtag" rel="tag">#<span>angular</span></a> <a href="https://techhub.social/tags/angularjs" class="mention hashtag" rel="tag">#<span>angularjs</span></a> <a href="https://techhub.social/tags/javascript" class="mention hashtag" rel="tag">#<span>javascript</span></a> <a href="https://techhub.social/tags/js" class="mention hashtag" rel="tag">#<span>js</span></a> <a href="https://techhub.social/tags/cypress" class="mention hashtag" rel="tag">#<span>cypress</span></a> <a href="https://techhub.social/tags/microfrontend" class="mention hashtag" rel="tag">#<span>microfrontend</span></a> <a href="https://t.co/aFMwjSnPFF" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/aFMwjSnPFF</span><span class="invisible"></span></a></p>
Nicolas Fränkel 🇺🇦🇬🇪<p><a href="https://mastodon.top/tags/Microfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microfrontend</span></a> Migration Journey – Part 1: Design: <a href="https://thesametech.com/micro-frontend-migration-journey-part-1/" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thesametech.com/micro-frontend</span><span class="invisible">-migration-journey-part-1/</span></a></p><p>I stopped reading at "and I was the only full-time frontend engineer on the team". Really? A single dev wants to implement a solution whose main benefit is to scale the dev team??? Hype-driven development is not dead 🤦♂️</p>
TechDailyCFP<p>angularday | 24th November 2023 | Verona (<a href="https://2023.angularday.it/" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">2023.angularday.it/</span><span class="invisible"></span></a>):</p><p>Apply to the <a href="https://techhub.social/tags/CFP" class="mention hashtag" rel="tag">#<span>CFP</span></a> and become <a href="https://techhub.social/tags/angularday" class="mention hashtag" rel="tag">#<span>angularday</span></a> speaker: <a href="https://t.co/usbGktVhx9" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/usbGktVhx9</span><span class="invisible"></span></a> </p><p>You have time until 31.08.2023<br />🎫 <a href="https://t.co/kAEmzai2eo" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/kAEmzai2eo</span><span class="invisible"></span></a></p><p>@grusp <a href="https://techhub.social/tags/angular" class="mention hashtag" rel="tag">#<span>angular</span></a> <a href="https://techhub.social/tags/angularjs" class="mention hashtag" rel="tag">#<span>angularjs</span></a> <a href="https://techhub.social/tags/javascript" class="mention hashtag" rel="tag">#<span>javascript</span></a> <a href="https://techhub.social/tags/js" class="mention hashtag" rel="tag">#<span>js</span></a> <a href="https://techhub.social/tags/cypress" class="mention hashtag" rel="tag">#<span>cypress</span></a> <a href="https://techhub.social/tags/microfrontend" class="mention hashtag" rel="tag">#<span>microfrontend</span></a> <a href="https://techhub.social/tags/schematics" class="mention hashtag" rel="tag">#<span>schematics</span></a> <a href="https://techhub.social/tags/redux" class="mention hashtag" rel="tag">#<span>redux</span></a> <a href="https://techhub.social/tags/ngrx" class="mention hashtag" rel="tag">#<span>ngrx</span></a> <a href="https://techhub.social/tags/rxjs" class="mention hashtag" rel="tag">#<span>rxjs</span></a> <a href="https://techhub.social/tags/components" class="mention hashtag" rel="tag">#<span>components</span></a> <a href="https://t.co/WHzf8pMBKT" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/WHzf8pMBKT</span><span class="invisible"></span></a></p>
robrich<p><a href="https://dev.to/pahanperera/react-micro-frontends-with-webpacks-module-federation-32ii" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dev.to/pahanperera/react-micro</span><span class="invisible">-frontends-with-webpacks-module-federation-32ii</span></a> - <a href="https://hachyderm.io/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://hachyderm.io/tags/MicroFrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MicroFrontend</span></a> with <a href="https://hachyderm.io/tags/Webpack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webpack</span></a>'s module federation. Great post <a href="https://github.com/PahanPerera" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">github.com/PahanPerera</span><span class="invisible"></span></a>.</p>
TechDailyCFP<p>angularday | 24th November 2023 | Verona (<a href="https://2023.angularday.it/" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">2023.angularday.it/</span><span class="invisible"></span></a>):</p><p><a href="https://techhub.social/tags/angularday" class="mention hashtag" rel="tag">#<span>angularday</span></a> <a href="https://techhub.social/tags/CFP" class="mention hashtag" rel="tag">#<span>CFP</span></a> is open!</p><p>We look forward to hearing from you: <a href="https://t.co/usbGktVhx9" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/usbGktVhx9</span><span class="invisible"></span></a></p><p>See you in📍 Verona on 📅 24.11.23<br />🎫 <a href="https://t.co/kAEmzai2eo" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/kAEmzai2eo</span><span class="invisible"></span></a></p><p>@grusp <a href="https://techhub.social/tags/angular" class="mention hashtag" rel="tag">#<span>angular</span></a> <a href="https://techhub.social/tags/angularjs" class="mention hashtag" rel="tag">#<span>angularjs</span></a> <a href="https://techhub.social/tags/javascript" class="mention hashtag" rel="tag">#<span>javascript</span></a> <a href="https://techhub.social/tags/js" class="mention hashtag" rel="tag">#<span>js</span></a> <a href="https://techhub.social/tags/cypress" class="mention hashtag" rel="tag">#<span>cypress</span></a> <a href="https://techhub.social/tags/microfrontend" class="mention hashtag" rel="tag">#<span>microfrontend</span></a> <a href="https://techhub.social/tags/schematics" class="mention hashtag" rel="tag">#<span>schematics</span></a> <a href="https://techhub.social/tags/redux" class="mention hashtag" rel="tag">#<span>redux</span></a> <a href="https://techhub.social/tags/ngrx" class="mention hashtag" rel="tag">#<span>ngrx</span></a> <a href="https://techhub.social/tags/rxjs" class="mention hashtag" rel="tag">#<span>rxjs</span></a> <a href="https://techhub.social/tags/components" class="mention hashtag" rel="tag">#<span>components</span></a> <a href="https://t.co/6kr2r287J4" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">t.co/6kr2r287J4</span><span class="invisible"></span></a></p>
TrendingLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload