Collaborative TextArea is a basic example that creates a SharedString and uses the react CollaborativeTextArea
component to launch a basic collaborative HTML <textarea>
You can run this example using the following steps:
- Run
npm install
andnpm run build:fast -- --nolint
from theFluidFramework
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/collaborative-textarea
- For an even faster build, you can add the package name to the build command, like this:
- In a separate terminal, start a Tinylicious server by following the instructions in Tinylicious.
- Run
npm run start
from this directory (examples/apps/collaborative-textarea) and open http://localhost:8080 in a web browser to see the app running.
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,
},
Collaborative TextArea uses the following distributed data structures:
- SharedDirectory - root
- SharedString - stores the text