SPFx-Workshop

This is respository for SPFx workshop code samples

Description:

Module03

A sample demonstrated TypeScript, Reactjs and WebPack combination. use this sample to showcase:

• TypeScript setup and compile
• Reactjs virtual DOM
• Reactjs Props
• Reactjs State
• Reactjs Event Handler
• Reactjs component life cycle methods
• Reactjs component rendering
• How to use WebPack to bundle files using different loader.

Module04

A set of SPFx solution to showcase SPFx Web part development.

module04Demo1:

• simple helloworld demo
• OOTB property pane control
• PropertyPaneText

module04Demo2:

• custom property pane control ASyncDropdown

module04Demo3:

• Data access using factory pattern
• use pnp js
• use SPO REST API

module04Demo4:

• Single App Part

module04DemoPublisher:

• Publish a dynamic property

module04DemoSubscriber:

• Consume a dynamic property

module04Demo7:

• create a SPFx web part using no javascript framework

Module05

A set of SPFx solutions to showcase SPFx extensions.

module05Demo1

• showcase page placeholder

module05Demo2

• showcase commandset

module05Demo3

• showcase field customizer

Module07

this sample showcase artifact provisioning

Module08

this sample showcase the Team SPFx

Module10

showcase the gulp and webpack customization

• gulp task to deploy .sppkg to app catalog directly
• webpack to load markdown file.

Module11

showcase Azure CDN deployment

Module15

Module15Demo1

regular MS Graph API demo

Module15Demo2

domain isolation demo

Module16

this sample showcase the custom API

Module16Demo1

showcase the custom API