clicker

@fluid-example/clicker

Clicker is a Fluid object that displays a number with a button. Pressing the button increments the counter. This is a basic example using the interface model and stock classes.

Clicker also demonstrates how use the built in taskManager to setup a simple agent.

There is another experimental implementation of Clicker using a WiP Fluid React Component in components/experimental/clicker-react. While it uses a state update model instead of an event-listening model that some React developers may find more familiar, the code is still being developed and may contain bugs.

Getting Started

If you want to run this example follow the following steps:

1. Run npm install from the FluidFramework root directory
2. Navigate to this directory
3. Run npm run start

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

Badge uses the following distributed data structures:

• SharedDirectory - root