micahgodbolt / fabric-workshop-demo

Fabric Workshop

Getting Started

• Install Node
• Install VS Code or your editor of choice
• Install Git
• Follow the steps below in your terminal/git client of choice

$ git clone https://github.com/micahgodbolt/fabric-workshop-demo
$ cd fabric-workshop-demo
$ npm install
$ npm start

Links

• Fabric Documentation
• Fabric Core: Github
• Fabric React: Github
• Codepen Fabric Template
  • Fork Template then create new pen from template
  • Also check out David Zearing's Codepen to see more examples

How to Find Help

• Github Issues
• V Team - FabricReact
• Teams - Microsoft UI Fabric

Topics Covered

• Fabric History
• Installing/Using Fabric
• Writing a new component
  • consts
  • BaseComponent
  • createRef
  • componentRef
  • styles interface
  • flags
  • valid props
  • onRender functions
  • callback Functions w/ subject
  • Child elements w/ exposed props
• Writing Events
  • Lambda > autobind
  • preventDefault
  • accessing public functions of refs
• Writing a getStyles function
• Creating a Styled component