SharePoint Framework - SPFx 01
At what point should you trust the self-signed developer certificate?
A utility task is included in every SharePoint Framework project in the form of a gulp task. You can elect to do this now, or wait until you create your first project as covered in the Build your first SharePoint client-side web part.
What can you do with SharePoint Framework (SPFx)?
With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready.
How can you check if you already have Node.js already installed?
You can check if you already have Node.js already installed, including installed version, by running the following command: node --version
Name the 3 modern browsers that support SharePoint Framework (SPFx) development?
You should be using a modern web browser like Microsoft Edge, Google Chrome, or Firefox as the development browser.
What is the command to install SharePoint generator?
npm install @microsoft/generator-sharepoint --global
what is the command to install Gulp?
npm install gulp-cli --global
What is the command to install all 3 toolchain prerequisites at once?
npm install gulp-cli yo @microsoft/generator-sharepoint --global
What is the command to install Yeoman?
npm install yo --global
What Command should you run to check the version of globally installed packages?
npm list --global --depth=0️
What does Microsoft reccommends regarding the usage of C# and SPFx?
If you work primarily with C#, you want to learn more about client-side JavaScript development. If you're a C# developer, TypeScript is a nice transition into the JavaScript world. The choice of IDE is up to you. Many developers like to use the cross-platform IDE Visual Studio Code
Troubleshooting: What if you're Unable to Install Packages with NPM?
If you're Unable to Install Packages with NPM, it could be, the development environment is behind a corporate proxy, you need to configure NPM to use that proxy. Refer to the npm-config documents on how to configure your development environment behind a corporate proxy... specifically the proxy & http-proxy settings. More information: Configure NPM for a coporate web proxy
Can you use SPFx to SharePoint on-premises deployments?
In addition to SharePoint Online, the SPFx is supported and can be used to customize SharePoint on-premises deployments going back to SharePoint Server 2016.
What should you do once the project has been cerated by the Yeoman generator?
Once a project has been created with the Yeoman generator for the SharePoint Framework, execute the following command from within the root folder of the project. from the commnd line typpe and enter: gulp trust-dev-cert
What's the process to set up your SharePoint Framework development environment for building SharePoint online solutions?
1) Install the most recent LTS version of Node.js, 2) Install a code editor like Visual Studio Code, 3) Install development toolchain prerequisites (Install all 3 at once) 4) Install Gulp, 5) Install Yeoman, 6) Install Yeoman SharePoint generator, 7) Install a modern web browser, 8)
What are some of the Key features of the SharePoint Framework? Part 1
1) It runs in the context of the current user and connection in the browser. 2) The controls are rendered in the normal page DOM., 3) The controls are responsive and accessible by nature. 4) It enables the developer to access the lifecycle in addition to render, load, serialize and deserialize, configuration changes, and more. 5) It's framework-agnostic. You can use any JavaScript framework that you like including, but not limited to, React, Handlebars, Knockout, Angular, and Vue.js.
What are some of the Key features of the SharePoint Framework? Part 2
1) The developer toolchain is based on popular open-source client development tools such as NPM, TypeScript, Yeoman, webpack, and gulp. 2) Performance is reliable. 3) End users can use SPFx client-side solutions that are approved by the tenant administrators (or their delegates) on all sites, including self-service team, group, or personal sites. 4) SPFx web parts can be added to both classic and modern pages. 5) SPFx solutions can be used to extend Microsoft Teams.
What code editors can you use with SharePoint Framework SPFx?
1) Visual Stuido Code, 2) Atom, 3) Webstorm
What site is available to learn more about SharePoint Development?
Got to: https://docs.microsoft.com/en-us/sharepoint/dev/ - To learn more about SPFx development. It's a complete learning library online
Troubleshooting: What if you're Unable to Trust the Self-signed Development Certificate?
In some cases, executing the command gulp trust-dev-cert, doesn't have the wanted effect of trusting the self-signed development certificate on your machine. In rare cases such as these, you may need to delete a hidden folder that's generated in your profile folder. Locate & delete the folder {{homedir}}/.gcb-serve-data for SPFx version earlier than v1.12.1. See Microsoft help online for details.
Are Self-signed SSL certificates are not trusted by your developer environment?
Self-signed SSL certificates are not trusted by your developer environment. You must first configure your development environment to trust the certificate.
What version of SPFx does SharePoint Server 2016 support?
SharePoint Server 2016 uses the SharePoint Framework (SPFx) v1.1.
What version of SPFx does SharePoint Server 2019 support?
SharePoint Server 2019 uses the SharePoint Framework (SPFx) v1.4.1.
Explain why SharePoint Framework (SPFx) is the recommended SharePoint customization and extensibility model for developers.
The SPFx is the recommended SharePoint customization and extensibility model for developers. Due to tight integration between SharePoint Online, Microsoft Teams, and Microsoft Viva Connections, developers can also use SPFx to customize and extend all of these products. In fact, the SPFx is the only extensibility and customization option for Viva Connections.
What is the recommended SharePoint customization and extensibility model for developers?
The SharePoint Framework (SPFx)
What is the SharePoint Framework (SPFx)?
The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and extending Microsoft Teams.
Is there a license requirement to use The SharePoint Framework components?
The SharePoint Framework components are licensed under this Microsoft EULA, which is a general users agreement, but SPFx is a free download.
You can check if you already have Node.js already installed, including installed version, by running the following command:What versions for Node.js does SharePoint Framework (SPFx) supports?
The SharePoint Framework is only supported on LTS versions for Node.js
What is the self-signed developer certificate?
The SharePoint Framework's local webserver, used when testing your custom solutions from your development environment, uses HTTPS by default. This is implemented using a development self-signed SSL certificate.
What's the difference between the SPFx online and the SPFx on-prem?
The SharePoint Online contains all versions of the SPFx, including all previous and the latest version. Each SharePoint on-prem only supports a specific version of SPFx. This can introduce complicated development environment configurations if you're creating different solutions for different SharePoint deployments.
What is an additional benefit regaridng the runtime model in SPFx?
The runtime model improves on the Script Editor web part. It includes a robust client API, an HttpClient object that handles authentication to SharePoint and Microsoft 365, contextual information, easy property definition and configuration, and more.