yo i want to extend - dqc i want to... · pnp/generator-spfx recipes pnp spfx yeoman the...
TRANSCRIPT
![Page 1: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/1.jpg)
![Page 2: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/2.jpg)
![Page 3: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/3.jpg)
![Page 4: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/4.jpg)
![Page 5: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/5.jpg)
![Page 6: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/6.jpg)
![Page 7: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/7.jpg)
![Page 8: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/8.jpg)
![Page 9: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/9.jpg)
![Page 10: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/10.jpg)
![Page 11: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/11.jpg)
![Page 12: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/12.jpg)
![Page 13: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/13.jpg)
ENDLESS POSSIBILITIESEvery npm package can be addedIf no npm package exist à create one,two or more
Your coding standards
Reusable components
Pattern Libraries
Test frameworks
Custom Linter ConfigurationsEditor configuration
UI Test FrameworksCustom Frameworks
![Page 14: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/14.jpg)
MSBuild
NUGET
![Page 15: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/15.jpg)
![Page 16: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/16.jpg)
![Page 17: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/17.jpg)
![Page 18: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/18.jpg)
![Page 19: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/19.jpg)
Demo
![Page 20: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/20.jpg)
![Page 21: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/21.jpg)
![Page 22: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/22.jpg)
The Challenge for PNP/SPFx
1. Easy to update2. Manage Extension3. Manage Frameworks4. Modular5. Easy to customize6. Extendable7. Testable
![Page 23: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/23.jpg)
![Page 24: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/24.jpg)
![Page 25: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/25.jpg)
![Page 26: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/26.jpg)
![Page 27: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/27.jpg)
![Page 28: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/28.jpg)
![Page 29: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/29.jpg)
What have you seen
• Tools to create your own generator
• Add custom dependencies
• PnP/SPFx is not only for custom frameworks• Improves React, Knockout, No Framework
• Automatically check your project version – Through Office 365 CLI
![Page 30: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/30.jpg)
The Challenge for PNP/SPFx1. Easy to update2. Manage Extension3. Manage Frameworks4. Modular
5. Easy to customize6. Extendable7. Testable
![Page 31: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/31.jpg)
Fork the codegithub.com/pnp/generator-spfx
Check out the documentationpnp.github.io/generator-spfx/
![Page 32: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/32.jpg)
![Page 33: Yo I want to extend - DQC I want to... · PnP/generator-SPFx Recipes PnP SPFx Yeoman The composeability model of Yeor build your own or consume and re Framework Yeoman generator sup](https://reader034.vdocuments.mx/reader034/viewer/2022042711/5f84c18369386e3b3c192c90/html5/thumbnails/33.jpg)
n8d.at/blog@StfBauer
Information ArchitectVienna / Austria