SharePoint Framework – Part 7 (Client Side Web Part build flow)

Please read previous posts if you want to know about How the tool chain works

I will explain bit on how the client-side web part build flow look a like:

• Install SharePoint Generator using NPM
• Use Yo command to scaffold SharePoint Web Part project
• Use Code dot (code .) to open the visual studio code editor where you can write a web part code.
• To run the client side web part – use gulp serve command and after that you can test the web part using local work bench.
• You can play with it and you can do bunch of round trips until you get your web part the way you want it and then deploy it.
• Using gulp deploy and get your web part up into the servers.
  • There are really two parts of this point.
    • You get a package that could be deployed as an App to the app catalog.
    • You are doing loading a manifest, deploying so bunch of js files sitting in your CDN.

You do not worry about uploading the solution again, just update your javascript files and upload into CDN. You are done with the changes.

• You can add your client-side web part on the page.

Here I am almost done with the basic concept of SharePoint Framework. I will explain Setup Development Environment in next post.