/opinionated-live-share-template

A template for setting up a Microsoft Teams Live Share app, with _opinions_

Primary LanguageTypeScriptMIT LicenseMIT

Opinionated Microsoft Live Share template

A template for setting up a Microsoft Teams Live Share app, with opinions

Goals

  1. Teams app that uses Live Share
  2. Fine-tune a project structure
  3. Investigate viability of storybook for in-browser testing
Let's go with yarn

I need this note or I'll forget every time

Dependencies

What particular dependencies are necessary for.

Package name Info
fluid-framework
@fluidframework/azure-client
@microsoft/live-share-sdk
@microsoft/teams-js
 For building Teams Live Share apps
@fluentui/react-components Teams CSS-in-JS styling
storybook Browser testing

Ready, set, go

Setup

yarn create vite # Using React framework & ts variant

yarn

yarn dev

Initial clean-up

  1. Rename main.tsx to index.tsx, and update index.html
  2. Remove assets in src and public, plus their references
  3. Change <title> in index.html