view-framework-sampler

@fluid-example/view-framework-sampler

View framework sampler demonstrates how a data object can be integrated with the view framework of your choosing.

Getting Started

You can run this example using the following steps:

1. Install pnpm by running npm i -g pnpm.
2. Run pnpm install and npm run build:fast -- --nolint from the FluidFramework root 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/view-framework-sampler
3. In a separate terminal, start a Tinylicious server by following the instructions in Tinylicious.
4. Run npm start from this directory (examples/apps/view-framework-sampler) and open http://localhost:8080 in a web browser to see the app running.

Testing

    npm run test:jest

For in browser testing update ./jest-puppeteer.config.js to:

  launch: {
    dumpio: true, // output browser console to cmd line
    slowMo: 500,
    headless: false,
  },

Data model

Dice Roller uses the following distributed data structures:

• SharedDirectory - root