
andrew_connell
Andrew Connell
49Following94Followers246Likes
Microsoft 365 & Azure for web developers 🔗 https://andrewconnell.com/links
Videos
Liked
Microsoft released the SharePoint Framework (SPFx) v1.18 on September 12, 2023. This release features one big change among other updates such as core dependency upgrades.
The majority of this release is centered around Adaptive Card Extensions (ACEs).
Unlike earlier releases where I found many undocumented things, the official release notes are mostly complete. But like prior releases, I did find a few added nuggets in my research picking this release apart.
In this video, I summarize what I found while picking apart the latest SharePoint Framework (SPFx) release v1.18.
Read the whole article & watch the video, full link in profile: 👉 https://youtu.be/ZvMBLpGYahw
#sharepointframework #microsoft365 #microsoft365dev #spfx #adaptivecardextensions #aces
The majority of this release is centered around Adaptive Card Extensions (ACEs).
Unlike earlier releases where I found many undocumented things, the official release notes are mostly complete. But like prior releases, I did find a few added nuggets in my research picking this release apart.
In this video, I summarize what I found while picking apart the latest SharePoint Framework (SPFx) release v1.18.
Read the whole article & watch the video, full link in profile: 👉 https://youtu.be/ZvMBLpGYahw
#sharepointframework #microsoft365 #microsoft365dev #spfx #adaptivecardextensions #aces
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
This is an excerpt from a full CloudDev Clarity episode.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
This is an excerpt from a full CloudDev Clarity episode.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/eGj-NzVihdk
In this video, you'll learn what Adaptive Cards are and why developers love using them in Microsoft Teams, Viva Connections, and Outlook. Adaptive Cards are platform-agnostic snippets of UI that can be created by developers and rendered into a native UI. I cover the goals and benefits of Adaptive Cards, such as being open-source, purely declarative, portable, expressive, and automatically styled to the host application's UX and brand guidelines. Additionally, you'll learn how card authors and user experience owners benefit from using Adaptive Cards.
But that's not all! I dive in and share detail about the schema and structure of Adaptive Cards, breaking it down into categories such as cards, card elements, containers, actions, inputs, and types. I'll even show you have to navigate the Adaptive Cards schema documentation and use the Adaptive Cards designer!
You'll walk away from this video with valuable information for developers who want to use Adaptive Cards to create engaging messages across various platforms and frameworks.
#adaptivecards #adaptivecardsmicrosoftteams #adaptivecardssharepoint #adaptivecardsteams #adaptivecardstutorial #adaptivecardsmicrosoft #adaptivecardsoutlook #adaptivecardsvivaconnections #adaptivecardsspfx #adaptivecardsmicrosoftbotframework #adaptivecardsdesigner
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/eGj-NzVihdk
In this video, you'll learn what Adaptive Cards are and why developers love using them in Microsoft Teams, Viva Connections, and Outlook. Adaptive Cards are platform-agnostic snippets of UI that can be created by developers and rendered into a native UI. I cover the goals and benefits of Adaptive Cards, such as being open-source, purely declarative, portable, expressive, and automatically styled to the host application's UX and brand guidelines. Additionally, you'll learn how card authors and user experience owners benefit from using Adaptive Cards.
But that's not all! I dive in and share detail about the schema and structure of Adaptive Cards, breaking it down into categories such as cards, card elements, containers, actions, inputs, and types. I'll even show you have to navigate the Adaptive Cards schema documentation and use the Adaptive Cards designer!
You'll walk away from this video with valuable information for developers who want to use Adaptive Cards to create engaging messages across various platforms and frameworks.
#adaptivecards #adaptivecardsmicrosoftteams #adaptivecardssharepoint #adaptivecardsteams #adaptivecardstutorial #adaptivecardsmicrosoft #adaptivecardsoutlook #adaptivecardsvivaconnections #adaptivecardsspfx #adaptivecardsmicrosoftbotframework #adaptivecardsdesigner
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/tzgB3cSUdNM
You've probably seen how to create #Azure resources using the Azure portal. But that's a manual process and easily screw-up-able when you need to repeat the resource creation for multiple projects, or when moving from dev to production, or deploying your customer's solution to their Azure subscription.
Wouldn't it be better to script the resource creation and configuration process to ensure it's the same every time? What about versioning your resource configuration so it's part of your code?
You can with #Infrastructure -as-Code, or IaC. #IaC is popular in the #DevOps world and fits nicely alongside a complete CI/CD process. It involves creating your resources from machine-readable files that can be versioned with your project in source control.
In this video, I start with a blank slate and show you how to use Azure Bicep, a domain-specific language from Microsoft to create Azure resources for an #AzureFunctions App.
#azure #azurebicep #azurefunctionapp #azurefunctions #azurebiceptutorial #azurebicepforbeginners #azurefunctionsexample #azurefunctionsvscode #azurebiceptraining #azuredevopspipeline #azuredevops #iaas #infrastructureascode
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/tzgB3cSUdNM
You've probably seen how to create #Azure resources using the Azure portal. But that's a manual process and easily screw-up-able when you need to repeat the resource creation for multiple projects, or when moving from dev to production, or deploying your customer's solution to their Azure subscription.
Wouldn't it be better to script the resource creation and configuration process to ensure it's the same every time? What about versioning your resource configuration so it's part of your code?
You can with #Infrastructure -as-Code, or IaC. #IaC is popular in the #DevOps world and fits nicely alongside a complete CI/CD process. It involves creating your resources from machine-readable files that can be versioned with your project in source control.
In this video, I start with a blank slate and show you how to use Azure Bicep, a domain-specific language from Microsoft to create Azure resources for an #AzureFunctions App.
#azure #azurebicep #azurefunctionapp #azurefunctions #azurebiceptutorial #azurebicepforbeginners #azurefunctionsexample #azurefunctionsvscode #azurebiceptraining #azuredevopspipeline #azuredevops #iaas #infrastructureascode
This is an excerpt from a full CloudDev Clarity episode.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
## **Tags**
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
## **Tags**
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/eGj-NzVihdk
In this video, you'll learn what Adaptive Cards are and why developers love using them in Microsoft Teams, Viva Connections, and Outlook. Adaptive Cards are platform-agnostic snippets of UI that can be created by developers and rendered into a native UI. I cover the goals and benefits of Adaptive Cards, such as being open-source, purely declarative, portable, expressive, and automatically styled to the host application's UX and brand guidelines. Additionally, you'll learn how card authors and user experience owners benefit from using Adaptive Cards.
But that's not all! I dive in and share detail about the schema and structure of Adaptive Cards, breaking it down into categories such as cards, card elements, containers, actions, inputs, and types. I'll even show you have to navigate the Adaptive Cards schema documentation and use the Adaptive Cards designer!
You'll walk away from this video with valuable information for developers who want to use Adaptive Cards to create engaging messages across various platforms and frameworks.
#adaptivecards #adaptivecardsmicrosoftteams #adaptivecardssharepoint #adaptivecardsteams #adaptivecardstutorial #adaptivecardsmicrosoft #adaptivecardsoutlook #adaptivecardsvivaconnections #adaptivecardsspfx #adaptivecardsmicrosoftbotframework #adaptivecardsdesigner
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/eGj-NzVihdk
In this video, you'll learn what Adaptive Cards are and why developers love using them in Microsoft Teams, Viva Connections, and Outlook. Adaptive Cards are platform-agnostic snippets of UI that can be created by developers and rendered into a native UI. I cover the goals and benefits of Adaptive Cards, such as being open-source, purely declarative, portable, expressive, and automatically styled to the host application's UX and brand guidelines. Additionally, you'll learn how card authors and user experience owners benefit from using Adaptive Cards.
But that's not all! I dive in and share detail about the schema and structure of Adaptive Cards, breaking it down into categories such as cards, card elements, containers, actions, inputs, and types. I'll even show you have to navigate the Adaptive Cards schema documentation and use the Adaptive Cards designer!
You'll walk away from this video with valuable information for developers who want to use Adaptive Cards to create engaging messages across various platforms and frameworks.
#adaptivecards #adaptivecardsmicrosoftteams #adaptivecardssharepoint #adaptivecardsteams #adaptivecardstutorial #adaptivecardsmicrosoft #adaptivecardsoutlook #adaptivecardsvivaconnections #adaptivecardsspfx #adaptivecardsmicrosoftbotframework #adaptivecardsdesigner
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/tzgB3cSUdNM
You've probably seen how to create #Azure resources using the Azure portal. But that's a manual process and easily screw-up-able when you need to repeat the resource creation for multiple projects, or when moving from dev to production, or deploying your customer's solution to their Azure subscription.
Wouldn't it be better to script the resource creation and configuration process to ensure it's the same every time? What about versioning your resource configuration so it's part of your code?
You can with #Infrastructure -as-Code, or IaC. #IaC is popular in the #DevOps world and fits nicely alongside a complete CI/CD process. It involves creating your resources from machine-readable files that can be versioned with your project in source control.
In this video, I start with a blank slate and show you how to use Azure Bicep, a domain-specific language from Microsoft to create Azure resources for an #AzureFunctions App.
#azure #azurebicep #azurefunctionapp #azurefunctions #azurebiceptutorial #azurebicepforbeginners #azurefunctionsexample #azurefunctionsvscode #azurebiceptraining #azuredevopspipeline #azuredevops #iaas #infrastructureascode
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/tzgB3cSUdNM
You've probably seen how to create #Azure resources using the Azure portal. But that's a manual process and easily screw-up-able when you need to repeat the resource creation for multiple projects, or when moving from dev to production, or deploying your customer's solution to their Azure subscription.
Wouldn't it be better to script the resource creation and configuration process to ensure it's the same every time? What about versioning your resource configuration so it's part of your code?
You can with #Infrastructure -as-Code, or IaC. #IaC is popular in the #DevOps world and fits nicely alongside a complete CI/CD process. It involves creating your resources from machine-readable files that can be versioned with your project in source control.
In this video, I start with a blank slate and show you how to use Azure Bicep, a domain-specific language from Microsoft to create Azure resources for an #AzureFunctions App.
#azure #azurebicep #azurefunctionapp #azurefunctions #azurebiceptutorial #azurebicepforbeginners #azurefunctionsexample #azurefunctionsvscode #azurebiceptraining #azuredevopspipeline #azuredevops #iaas #infrastructureascode
This is an excerpt from a full CloudDev Clarity episode.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/eGj-NzVihdk
In this video, you'll learn what Adaptive Cards are and why developers love using them in Microsoft Teams, Viva Connections, and Outlook. Adaptive Cards are platform-agnostic snippets of UI that can be created by developers and rendered into a native UI. I cover the goals and benefits of Adaptive Cards, such as being open-source, purely declarative, portable, expressive, and automatically styled to the host application's UX and brand guidelines. Additionally, you'll learn how card authors and user experience owners benefit from using Adaptive Cards.
But that's not all! I dive in and share detail about the schema and structure of Adaptive Cards, breaking it down into categories such as cards, card elements, containers, actions, inputs, and types. I'll even show you have to navigate the Adaptive Cards schema documentation and use the Adaptive Cards designer!
You'll walk away from this video with valuable information for developers who want to use Adaptive Cards to create engaging messages across various platforms and frameworks.
#adaptivecards #adaptivecardsmicrosoftteams #adaptivecardssharepoint #adaptivecardsteams #adaptivecardstutorial #adaptivecardsmicrosoft #adaptivecardsoutlook #adaptivecardsvivaconnections #adaptivecardsspfx #adaptivecardsmicrosoftbotframework #adaptivecardsdesigner
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/eGj-NzVihdk
In this video, you'll learn what Adaptive Cards are and why developers love using them in Microsoft Teams, Viva Connections, and Outlook. Adaptive Cards are platform-agnostic snippets of UI that can be created by developers and rendered into a native UI. I cover the goals and benefits of Adaptive Cards, such as being open-source, purely declarative, portable, expressive, and automatically styled to the host application's UX and brand guidelines. Additionally, you'll learn how card authors and user experience owners benefit from using Adaptive Cards.
But that's not all! I dive in and share detail about the schema and structure of Adaptive Cards, breaking it down into categories such as cards, card elements, containers, actions, inputs, and types. I'll even show you have to navigate the Adaptive Cards schema documentation and use the Adaptive Cards designer!
You'll walk away from this video with valuable information for developers who want to use Adaptive Cards to create engaging messages across various platforms and frameworks.
#adaptivecards #adaptivecardsmicrosoftteams #adaptivecardssharepoint #adaptivecardsteams #adaptivecardstutorial #adaptivecardsmicrosoft #adaptivecardsoutlook #adaptivecardsvivaconnections #adaptivecardsspfx #adaptivecardsmicrosoftbotframework #adaptivecardsdesigner
This is an excerpt from one of my longer videos.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/EzI-k5lqIng
The current version of the Yeoman generator for the SPFx still uses the older-style React class components. Because that’s what you get by default, that’s what most developers end up using.
But functional components enabled by React hooks have become widely popular… and I get a lot of questions on how to use React hooks in your SharePoint projects!
So… until Microsoft updates the Yeoman generator, I’m going to show you how you change your new projects to React hooks in just a few minutes.
And then, I’ll show you the basics of hooks with a simple example.
#spfx #sharepointframework #react #reactjs #reacthooks #reactjshooks #sharepointwebpart #sharepointreact #classcomponents #functionalcomponents #sharepointframeworkspfx #spfxtutorial #spfxforbeginners #sharepoint #dev #sharepointframeworktutorial #sharepointframeworkspfxtutorial #sharepointonlinedevelopment #sharepointframeworkdevelopmentwithreact #sharepointframeworkdevelopment
This is an excerpt from a full CloudDev Clarity episode.
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx
📺 Watch the full video (🔗 in profile) 👉 https://youtu.be/1fItx3o4k_Q
In this 9th episode, Andrew & Julie join the great debate of React class components or React hooks. We define what the differences are and make sure we address some listener questions submitted to our Discord channel all while sharing our unique perspectives on the question.
We also discussed AC's recent blog post and companion video about migrating an SPFx solution from components to hooks. Check out the links below to get the details on that blog post and video and if you're interested in asking questions and giving feedback on our next episode definitely check out the link to join the Voitanos' Discord server.
#azure #classcomponents #functionalcomponents #microsoft365 #microsoft365dev #microsoft365developer #microsoftazure #react #reacthooks #reactjs #sharepoint #sharepointframework #spfx