Vltava is an experimental project designed to explore Container and Component creation and loading. This is a playground for advanced and experimental concepts that may or may not be good but push boundaries on specific scenarios.
Read into and take from Vltava sparingly.
You can run this example using the following steps:
- Run
npm installandnpm run build:fast -- --nolintfrom theFluidFrameworkroot directory.- For an even faster build, you can add the package name to the build command, like this:
npm run build:fast -- --nolint @fluid-example/vltava
- For an even faster build, you can add the package name to the build command, like this:
- Run
npm run startfrom this directory (examples/data-objects/vltava) and open http://localhost:8080 in a web browser to see the app running.
Anchor is a simple attempt at a Root Component. Currently the Anchor component is a view proxy to the Vltava component. Future thoughts are that the Root Component will be be a way to further decouple the default view from the Container and also offer a surface area API to the Hosting Application.
Tabs works similarly to browser tabs. You can create a new tab which will have an independent Component.
The list of components that Tabs can generate is pulled dynamically from the container registry based on
components that support IFluidHTMLView. This allows tabs to be consumable from multiple Containers
without hard coding direct component dependencies like you see in other component examples.
The Vltava component is a simple component that renders a ribbon and the Tabs component.