clicker-with-hook

@fluid-example/clicker-with-hook

Clicker is a Fluid object that displays a number with a button. Pressing the button increments the counter. This is a basic example that uses the synced counter hook.

Clicker-With-Hook contains an implementation of Clicker using the useSyncedCounter hook

Getting Started

You can run this example using the following steps:

1. Run npm install and npm run build:fast -- --nolint from the FluidFramework root directory. a. For an even faster build, you can add the package name to the build command, like this: npm run build:fast -- --nolint @fluid-example/clicker-with-hook
2. Run npm run start from this directory (examples/data-objects/clicker-react/clicker-with-hook) 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,
  },