SharePoint & Power Apps Learning

First we are creating context from WebPartContext in props ts file. import { WebPartContext } from "@microsoft/sp-webpart-base" ; export interface INewCrudWithReactProps {   description : string ;   context : WebPartContext ;   siteUrl : string ; } Then go to main .ts file, supply values to context and siteUrl public render (): void {     const element : React . ReactElement < INewCrudWithReactProps > = React . createElement (       NewCrudWithReact ,       {         description : this . properties . description ,         context : this . context ,         siteUrl : this . context . pageContext . web . absoluteUrl       }     );     ReactDom . render ( element , this . domElement );   } Create ISoftwareCatalog ts file. export interface ISoftwareCatalog {     Id : number ;     Title : string ; ...

  https://www.youtube.com/watch?v=RjmabDfMJG0 Using HTTP, We need client id and client secret. No matter which user is running the flow. For that we need to register our power app to the SharePoint site at site collection level. We will register the app with client id and client secret. This way in our flow, we are not going to use any individual user connections with SharePoint permissions impact. First we need to register the site at site collection level https://plainsmidstream.sharepoint.com/sites/maximo/_layouts/15/appregnew.aspx The app identifier has been successfully created. Client Id:  07707f52-04ca-4a23-a330-0b42d33ef82b Client Secret:  z1h/bHkecXPmguEMGiVG59D4HBOveIjbGvEKNA8VyX0= Title:  Access Request to SharePoint Power App App Domain:  www.localhost.com Redirect URI:  https://www.localhost.com Now open appinv.aspx https://plainsmidstream.sharepoint.com/sites/maximo/_layouts/15/appinv.aspx In app id, past the client id which already ...

Create a folder CreateAPIEventsDemo and create react webpart install types for graph api as below. which adds dev dependencies to our JSON files. "npm install @microsoft/microsoft-graph-types --save-dev" now go to components-.ts file  We are adding context  context : WebPartContext ------------------------------------------- Created a new file in components folder ICalendarEventsState.ts import   *   as   MicrosoftGraph   from   '@microsoft/microsoft-graph-types' ; export   interface   ICalendarEventsDemoState {      events : MicrosoftGraph . Event []; } We have created ICalendarEventsDemoState interface with events as property with array of events from MicrosoftGraph. for our convenience we import graphapi types  import   *   as   MicrosoftGraph   from   '@microsoft/microsoft-graph-types' ; ---------------- In Main.ts file public   render ():  void  {      c...