//Lightpeed Training Notes
//Actions
- PC - Ask Joe/John what webparts we should target which ones needs instructions. Use LiveTiles - bulletin board => copy some of those?
//Objective
- Get familiar with SPFX ReactJS
- Create alternative designs for certain webparts e.g. CardLinks, News Carousel
//SPFX Basics
- "yo" in CLI to start yeoman generator - scaffold new project
- gulp serve - debug application (old method)
- Functional components, not class based
//SPFX Tips
- Ctrl+. - automatically import component
//Debugging environemtn
- Separate environemtn - https://cfwizdemo.sharepoint.com/sites/LightspeedDemo/_layouts/15/workbench.aspx
- On a real SP Page https://cfwizdemo.sharepoint.com/sites/LightspeedDemo/SitePages/Card-Links.aspx?debugManifestsFile=https%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fmanifests.js&loadSPFX=true&Mode=Edit
//Getting started
- Run "npm i" in termainal (assuming VSC is opened in root directory)
- Wait forever....
- Run "gulp serve" in terminal
- Visit https://cfwizdemo.sharepoint.com/sites/LightspeedDemo/SitePages/Card-Links.aspx?debugManifestsFile=https%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fmanifests.js&loadSPFX=true&Mode=Edit
- Add the webpart to the page