Angular Elements with the SharePoint Framework (SPFX) WebPart

  • SPFX Development (SharePoint Framework)
  • It’s essential that you are familiar with Angular
  • Office 365 subscription (Tenant level)
  • You will need Visual Studio Code
  • Browser version: Chrome, or Edge Chromium will be best for development and debugging.
  • Chrome
  • Edge Chromium
  • Opera
  • Safari
  • Firefox

What are Angular Elements?

  • They are Self Bootstrapping.
  • They actually host the Angular Component inside a Custom Element.
  • They’re a bridge between the DOM APIs and Angular Components.
  • Anyone can use it without having the knowledge of how Angular works.

Quick Install

  • npm install -g @microsoft/generator-sharepoint





Senior Consultant M365 / Azure & SharePoint at Bouvet

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

9 Phrases I Can’t Bear to Hear Anymore as a Programmer

React.js Onboarding Using Intro.js

Implementing serverside rendering

How to Load Third-Party Scripts Dynamically In React

I Think Choosing Your First Programming Language is a Trap

9 Commandments of an Experienced WordPress Developer

What Non-obvious Ways Big Companies Like Google, Microsoft, and Apple Contribute to the World

18 Technical Reasons Why Programmers Still Use JavaScript

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Adnan Riaz Gondal

Adnan Riaz Gondal

Senior Consultant M365 / Azure & SharePoint at Bouvet

More from Medium

What’s Best For Your Fronted Development Requirement — Angular 2 vs. Angular 4

Differences between static and dynamic libraries

Reason why Cypress tests are getting unproductive

TypeScript: Easy to read and understand

TypeScript code compiles to JavaScript