Gamedev Mastodon

0 posts0 participants0 posts today

PUPUWEB BlogUnlock future of scalable JavaScript with Module Federation! Break down app into smaller, independent modules, boost performance, simplify development. Learn how to leverage this powerful tool for projects. <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/ModuleFederation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModuleFederation</a> <a href="https://mastodon.social/tags/TechTrends" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechTrends</a><a href="https://posivi.com/demystifying-module-federation-the-future-of-scalable-javascript/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://posivi.com/demystifying-module-federation-the-future-of-scalable-javascript/</a>

xoron :verified:Decentralized microfrontend architecture.The app is architected in a unique way to investigate possibilities and potential.<a href="https://positive-intentions.com/blog/decentralised-architecture" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://positive-intentions.com/blog/decentralised-architecture</a><a href="https://infosec.exchange/tags/Microfrontends" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microfrontends</a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://infosec.exchange/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://infosec.exchange/tags/ModuleFederation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModuleFederation</a> <a href="https://infosec.exchange/tags/DynamicRemotes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DynamicRemotes</a> <a href="https://infosec.exchange/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SelfHosting</a> <a href="https://infosec.exchange/tags/DevExperience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DevExperience</a> <a href="https://infosec.exchange/tags/Scalability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Scalability</a> <a href="https://infosec.exchange/tags/AWS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AWS</a> <a href="https://infosec.exchange/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GitHubPages</a> <a href="https://infosec.exchange/tags/CDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CDN</a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

xoron :verified:Microfronends as a <a href="https://infosec.exchange/tags/decentralized" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#decentralized</a> alternative to <a href="https://infosec.exchange/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#npm</a>.While i can smush everything into a <a href="https://infosec.exchange/tags/monoRepo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#monoRepo</a>, i wanted to explore the idea of using <a href="https://infosec.exchange/tags/Microfrontends" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microfrontends</a> as a kind-of self managed alternative to <a href="https://infosec.exchange/tags/npm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#npm</a>.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. Im using <a href="https://infosec.exchange/tags/Webpack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpack</a> 5 <a href="https://infosec.exchange/tags/moduleFederation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#moduleFederation</a> to create the <a href="https://infosec.exchange/tags/microfrontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microfrontend</a>. there are some interesting features that i dont think are being mentioned elsewhere:- 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.- <a href="https://infosec.exchange/tags/Selfhosters" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Selfhosters</a> can manage modules independently, enhancing control over updates and <a href="https://infosec.exchange/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#security</a> on <a href="https://infosec.exchange/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> projects.- Development Experience: By using dynamic-remotes and running modules locally during development, it can speed up testing and iteration.- Scalability: The approach allows for <a href="https://infosec.exchange/tags/CDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CDN</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.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.<a href="https://positive-intentions.com/blog/decentralised-architecture" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://positive-intentions.com/blog/decentralised-architecture</a><a href="https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure</a><a href="https://infosec.exchange/tags/Microfrontends" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microfrontends</a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://infosec.exchange/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://infosec.exchange/tags/ModuleFederation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModuleFederation</a> <a href="https://infosec.exchange/tags/DynamicRemotes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DynamicRemotes</a> <a href="https://infosec.exchange/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SelfHosting</a> <a href="https://infosec.exchange/tags/DevExperience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DevExperience</a> <a href="https://infosec.exchange/tags/Scalability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Scalability</a> <a href="https://infosec.exchange/tags/AWS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AWS</a> <a href="https://infosec.exchange/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GitHubPages</a> <a href="https://infosec.exchange/tags/CDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CDN</a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

Cabinet 20 🌱 :typescript:To Angular and Nx devs out there using MFE (module federation), how are you moving away from webpack module federation with Angular’s move to esbuild? Was considering module federation for a large Nx monorepo app but the fear of no replacement of webpack module federation is make me uncomfortable with the move 😬 <a href="https://hachyderm.io/tags/Nx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nx</a> <a href="https://hachyderm.io/tags/Angular" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Angular</a> <a href="https://hachyderm.io/tags/ModuleFederation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModuleFederation</a> <a href="https://hachyderm.io/tags/Webpack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpack</a> <a href="https://hachyderm.io/tags/NativeFederation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NativeFederation</a>

Evan DowerI write <a href="https://mastodon.nzoss.nz/tags/software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#software</a> for <a href="http://indeed.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">http://indeed.com</a> (job search site) (previously employed by Amazon). I've written a lot of <a href="https://mastodon.nzoss.nz/tags/database" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#database</a>-backed <a href="https://mastodon.nzoss.nz/tags/webservices" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webservices</a> in <a href="https://mastodon.nzoss.nz/tags/Java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Java</a>, but in the last few years, I've been working on <a href="https://mastodon.nzoss.nz/tags/microfrontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microfrontend</a> platforms in <a href="https://mastodon.nzoss.nz/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> & <a href="https://mastodon.nzoss.nz/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a>, primarily supporting <a href="https://mastodon.nzoss.nz/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a>. I have more knowledge about <a href="https://mastodon.nzoss.nz/tags/Webpack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpack</a> <a href="https://mastodon.nzoss.nz/tags/ModuleFederation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModuleFederation</a> than anyone should be cursed with. I'd love to try <a href="https://mastodon.nzoss.nz/tags/SolidJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SolidJS</a>, <a href="https://mastodon.nzoss.nz/tags/RustLang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RustLang</a> seems really cool, and I'm excited about the future of <a href="https://mastodon.nzoss.nz/tags/WebAssembly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAssembly</a>.

Recent searches

Search options

Administered by:

Server stats:

#ModuleFederation