Let's see how you can create a Microsoft 365 Copilot Declarative Agent consuming an external REST API.
You can find additional information here:
- https://learn.microsoft.com/en-us/microsoft-365-copilot/extensibility/overview-declarative-agent

While here you can find the demo source code:
- https://github.com/PiaSys/Conferences-Samples/tree/master/Copilot/Agents/StockAgent

Learn how to create a custom Declarative Agent for Microsoft 365 Copilot enabling access to a custom Microsoft Graph Connector as the knowledge base for your agent.
You can find additional information here:
- https://learn.microsoft.com/en-us/microsoft-365-copilot/extensibility/overview-declarative-agent
- https://learn.microsoft.com/en-us/microsoft-365-copilot/extensibility/build-declarative-agents?tabs=ttk

And here you can find the reference samples:
- https://github.com/pnp/graph-connectors-samples/tree/main/samples/nodejs-javascript-solutiongallery
- https://github.com/PiaSys/Conferences-Samples/tree/master/Copilot/Agents/SamplesAgent

In this video you can learn how to create a pro-code Declarative Agent for Microsoft 365 Copilot, to consume a specific set of content in a target SharePoint Online site collection. You can also see how to configure the declarative agent to engage users to play a game!

You can find additional information here:
- https://learn.microsoft.com/en-us/microsoft-365-copilot/extensibility/overview-declarative-agent
- https://learn.microsoft.com/en-us/microsoft-365-copilot/extensibility/build-declarative-agents?tabs=ttk

You can find the source code of the custom declarative agent here:
- https://github.com/PiaSys/Conferences-Samples/tree/master/Copilot/Agents/GardenerAgent

In this video you can get an overview of the potentials of creating pro-code Declarative agents for Microsoft 365 Copilot, using Microsoft Visual Studio Code and Microsoft Teams Toolkit. You can also learn how to create a real Declarative agent from scratch.

You can find additional information here:
- https://learn.microsoft.com/en-us/microsoft-365-copilot/extensibility/overview-declarative-agent
- https://learn.microsoft.com/en-us/microsoft-365-copilot/extensibility/build-declarative-agents?tabs=ttk

Learn how to leverage React to render the content of a QuickView in an Adaptive Card Extension for Microsoft Viva Connections built with SharePoint Framework (SPFx) 1.20.

You can find additional details here:
- https://learn.microsoft.com/en-us/sharepoint/dev/spfx/release-1.20
- https://learn.microsoft.com/en-us/sharepoint/dev/spfx/viva/get-started/build-html-quickview-adaptive-card-extension

Here you can find the sample illustrated in the video:
- https://github.com/PiaSys/Conferences-Samples/tree/master/spfx-html-quickview-react

Let's see how you can create web based Quick Views in SPFx 1.20 Adaptive Card Extensions (ACEs) for Microsoft Viva Connections.
You can find additional information here:
- https://learn.microsoft.com/en-us/sharepoint/dev/spfx/release-1.20
- https://learn.microsoft.com/en-us/sharepoint/dev/spfx/viva/get-started/build-html-quickview-adaptive-card-extension

Let's see how to leverage the new Data Visualization Card capability in SPFx 1.20. You can find further details here:
- https://learn.microsoft.com/en-us/sharepoint/dev/spfx/release-1.20
- https://learn.microsoft.com/en-us/sharepoint/dev/spfx/viva/get-started/build-data-visualization-adaptive-card-extension
- https://github.com/pnp/sp-dev-fx-aces/tree/main/samples/ChartCard-DataVisualizationOptions

While, you can find the code sample of the video here:
- https://github.com/PiaSys/Conferences-Samples/tree/master/spfx-ace-data-visualization

In this video you can learn how to securely consume from React a back-end API implemented using Node.js, Express, and TypeScript. In the back-end API you can also learn how to use the On Behalf Of flow (OBO) to retrieve an access token on behalf of the user consuming the app at the front-end level. This allows a back-end API to securely consume a 1st party API or a 3rd party API on behalf of the current user.

Let's see how to consume a custom API secured with Entra ID and OAuth 2.0 using React and MSAL for JavaScript and Node.js.

You can find the source code of the sample here:
- https://github.com/PiaSys/Conferences-Samples/tree/master/MSAL/MSALReact