11. Bulk Injection

The Problem

A dashboard may need to place several independent components into several containers at the same time.

The React Difficulty

React can render multiple components in one tree, but dynamically mounting unrelated components into named DOM targets is application-specific work.

React Approach

function Dashboard() {
    return (
        <>
            <Sales />
            <Stock />
        </>
    );
}

MS Approach

ManySet provides a direct runtime-oriented approach for this recurring business-application task.

const [sale, stock] = await ms.inject(
    ["./abc/DailySale", "demo1", { append: true }],
    ["./xyz/Stock", "demo2"]
);

Why this way is useful in business applications :

The comparison is intended to show where ManySet supplies a business-application abstraction around a recurring task, while keeping HTML and JavaScript visible and directly usable.

Key Point :

ManySet reduces the amount of framework-specific composition required for this particular task, without requiring the React/Angular mechanism to be represented as inherently wrong or incapable.