Arin Modi

Module Federation It allows you to load code from the separately compiled and deployed application and is very straightforward. It is also one of the ways to implement the micro Frontends & best for shell based architecture. #SoftwareDevelopment

UI composition with Shell Provide shell that loads different single page applications on demand. Shell creates an element for mFE's root element. A better option can be iframes, Adv: Isolation, Integration with legacy system, integrated experience #SoftwareEngineer

UI composition with hyperlink Dividing the huge application into several applications is only one side of the coin. Users also want to have one integrated solution. Hyperlink is one of the way to achieve that. E.x. Office 365 #SoftwareEngineering

Micro Frontends Dis Adv. 1. Have to deal with shipping your shared library via npm 2. Forces to version libraries 3. Have to Make sure each mFE uses the same version otherwise there is a version to avoid version conflicts. #SoftwareEngineering

Micro Frontends Adv: 1. Allows for autarkic teams to be created in the domain 2. Each team can choose their own architecture style, tech stack & when to update to newer framework version 3. Isolation is key & can have separate repo. #SoftwareEngineering

Monolith v/s Micro Frontends In monolith, the entire application bundle compiles and deploys as a whole. With mFE there is an entire separate app for a particular feature which is compiled and deployed separately. What are you using for your architecture need ? #development

@mandep1428 What's MCP server ?

Anyone interested building MCP servers. Please kindly Dm

Nx & Sheriff Module boundaries - nx allows enforce module boundaries like those in sheriff architecture. Project.json: Nx creates this file for each app, lib on which we can do the tagging. Using tags, we can define the module boundaries in .eslintrc.json file. #developers

Parellalization with NX cloud Nx offers parallelizing individual tasks. Main node takes care of coordination and worker nodes take care of individual tasks. Commands are devided into, 1. Sequential for init 2. Parallel command on main node 3. Parallel command on worker nodes

Distributed build cache with NX By default Nx is using local cache, we can improve on it by using cloud cache meaning we can use the build cache which is generated by other developers too. Command: npx nx connect-to-nx-cloud ... #SoftwareDevelopment #SoftwareEngineering

Have you ever tried nx in angular instead of using standard angular cli ? Some of the benefits of NX: - For incremental Builds it uses the build cache. - nx graph -illustrates the dependencies between apps and library. #SoftwareEngineering

Improve build performance with NX - Part 2 - Managing the small apps and releasing them includes too many manual things such as running tests and linting. - Create hash for each app whenever this hash changes, only that app needs to be built again. #SoftwareEngineering

@ins_Nishidh @X Done from my end!

@arin_modi @X let's connect

Hey @X algorithm I am looking to #CONNECT with similar interests - Software Engineering - Deep Learning - Backend Development - AWS & DevOps - Open Source Development - System design - HFT, Quant Development - fintech #SoftwareDevelopment #SoftwareEngineer

@juhi_rathor @X Done from end!

@aryannn_4 @X Done from my end!

@arin_modi @X Let's connect

@RamanRjha4647 @X Done

@arin_modi @X Hey, let's connect 🤗

Angular Build Performance with NX - Part 1 Incremental Builds: - Divide the app into smaller applications and build & test each application individually - create the app in same workspace using "ng g app" command - Library can be used to share code between apps - ng g lib ...

@wrathful9125 Let's connect

Hello, All! I'm looking to #Connect with people who are interested in - Web Development - AI - DevOps - JavaScript - React - Typescript - UI/UX - Node.js #letsconnect #buildinpublic #frontEnd #web_dev

@JoshuaInedu Let's connect

@dev_clever02 @X Done from my end!

@arin_modi @X Let connect buddy