FluidFramework/examples/apps/data-object-grid
Craig Macomber (Microsoft) adc25b0961
[bump] client: 2.10.0 => 2.11.0 (minor) (#23134)
## Description

Bumped client from 2.10.0 to 2.11.0.
2024-11-18 19:23:30 -08:00
..
public Bump 'prettier' to ~3.0.3 for better TS5 support (#17559) 2023-10-03 15:13:01 -07:00
src tools(client+build-tools): update Biome to 1.8.3 (#21869) 2024-07-12 21:26:58 +00:00
tests build(client): Enable biome as default formatter (#21298) 2024-06-17 16:57:07 -07:00
.eslintrc.cjs bump: eslint to `8.55.0` and `eslint-config-fluid` to `4.0.0` across the repo (#19836) 2024-02-28 18:53:46 +00:00
.gitignore
.npmignore refactor: Add lib/test to all .npmignore files (#20464) 2024-04-04 18:24:46 +00:00
CHANGELOG.md Generate changelogs (#23132) 2024-11-19 00:16:38 +00:00
LICENSE
README.md refactor(markdown-magic): Rename example app header template (#22019) 2024-07-25 01:04:56 +00:00
biome.jsonc build(client): Add biome formatting scripts (#19380) 2024-06-11 11:13:59 -07:00
jest-puppeteer.config.cjs build: Use .cjs file extension with CJS jest configs (#19502) 2024-02-08 18:13:30 -08:00
jest.config.cjs build: Use .cjs file extension with CJS jest configs (#19502) 2024-02-08 18:13:30 -08:00
package.json [bump] client: 2.10.0 => 2.11.0 (minor) (#23134) 2024-11-18 19:23:30 -08:00
prettier.config.cjs build(client,build-common,tinylicious): Enable prettier and format code (#13799) 2023-01-26 18:24:37 -08:00
tsconfig.json refactor: Update React dependencies (#22726) 2024-10-04 15:56:26 -05:00
webpack.config.cjs Update axios dependencies (#22388) 2024-09-05 13:23:42 -05:00
webpack.dev.cjs build: Use .cjs file extension with CJS webpack configs (#19112) 2024-02-02 18:27:54 -08:00
webpack.prod.cjs build: Use .cjs file extension with CJS webpack configs (#19112) 2024-02-02 18:27:54 -08:00
webpack.test.cjs build: Use .cjs file extension with CJS webpack configs (#19112) 2024-02-02 18:27:54 -08:00

README.md

@fluid-example/data-object-grid

Data object grid is a Fluid component that provides a grid layout for users to compose their own experiences by adding and re-arranging data objects. This example explores how modular document types could work in Fluid.

Getting Started

You can run this example using the following steps:

  1. Enable corepack by running corepack enable.
  2. Run pnpm install and pnpm 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: pnpm run build:fast --nolint @fluid-example/data-object-grid
  3. In a separate terminal, start a Tinylicious server by following the instructions in Tinylicious.
  4. Run pnpm start from this directory and open http://localhost:8080 in a web browser to see the app running.

Data objects

The data-object-grid package pulls in a collection of outside data objects into a registry that enables creation and constructing views. This isolates the knowledge of how to create and render the data objects away from the core application, and makes it extensible to further data object types.

Contribution Guidelines

There are many ways to contribute to Fluid.

Detailed instructions for working in the repo can be found in the Wiki.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

This project may contain Microsoft trademarks or logos for Microsoft projects, products, or services. Use of these trademarks or logos must follow Microsofts Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship.

Help

Not finding what you're looking for in this README? Check out fluidframework.com.

Still not finding what you're looking for? Please file an issue.

Thank you!

Trademark

This project may contain Microsoft trademarks or logos for Microsoft projects, products, or services.

Use of these trademarks or logos must follow Microsoft's Trademark & Brand Guidelines.

Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship.