SharePoint Framework: SPFx is a Framework solution that helps you build custom apps for your SharePoint Modern sites and lets you integrate them on classic sites as well.
Why SharePoint Framework?
The controls are responsive and
accessible by nature.
that you like: React, Handlebars, Knockout, Angular, and more.
User can use client
development tools such as npm, TypeScript, Yeoman, webpack, and gulp.
Now that we have a knowledge of SharePoint framework, let us see what MS Teams is.
Teams is a communication tool which helps
members of an organization to communicate effectively with conversational tabs,
easily schedule meetings, record calls and upload them on Microsoft Streams for
Visual studio code installed.
Node version 8.11.3
Gulp and yeoman installed
From inside the command prompt, Create your project folder and switch to it.
Then type below command in your command terminal
This will prompt you with questions like,
What is your solution name? TeamsInSP (you can name as per your
Which baseline packages do you
want to target for your component(s)? SharePoint
Where do you want to place the
files? Use the Current Folder
Do you want to allow the tenant
admin the choice of being able to deploy the solution to all sites immediately
without running any feature deployment or adding apps in sites? Yes
Will the components in the solution
require permissions to access web APIs that are unique and not shared with
other components in the tenant? Yes
Which type of client-side
component to create? WebPart
What is your Web part name? TeamsInSP
What is your Web part
description? TeamsInSP description
Which framework would you like
to use? React
Wait some time while yeoman creates your project structure and gives you a confirmation message.
Run “gulp serve” and check if your localhost pops up.