<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Microsoft Teams Archives - Blog IT</title>
	<atom:link href="https://blogit.create.pt/category/microsoft-365/microsoft-teams/feed/" rel="self" type="application/rss+xml" />
	<link>https://blogit.create.pt/category/microsoft-365/microsoft-teams/</link>
	<description>Create IT blogger community</description>
	<lastBuildDate>Wed, 18 Feb 2026 10:35:14 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>
	<item>
		<title>Standard vs Private vs Shared Channels in Microsoft Teams</title>
		<link>https://blogit.create.pt/miguelisidoro/2024/02/21/standard-vs-private-vs-shared-channels-in-microsoft-teams/</link>
					<comments>https://blogit.create.pt/miguelisidoro/2024/02/21/standard-vs-private-vs-shared-channels-in-microsoft-teams/#comments</comments>
		
		<dc:creator><![CDATA[Miguel Isidoro]]></dc:creator>
		<pubDate>Wed, 21 Feb 2024 10:19:52 +0000</pubDate>
				<category><![CDATA[Microsoft 365]]></category>
		<category><![CDATA[Microsoft Teams]]></category>
		<category><![CDATA[microsoft365]]></category>
		<category><![CDATA[office365]]></category>
		<category><![CDATA[sharepoint]]></category>
		<guid isPermaLink="false">https://blogit.create.pt/?p=13206</guid>

					<description><![CDATA[<p>This post explains the difference between Standard, Private and Shared Channels in Microsoft Teams. Introduction Microsoft Teams is the enterprise messaging solution in the Microsoft 365, allowing for real time collaboration, communication, meeting, file and app sharing and more. What is a Microsoft Team? In a simple way, a Team in Microsoft Teams is a [&#8230;]</p>
<p>The post <a href="https://blogit.create.pt/miguelisidoro/2024/02/21/standard-vs-private-vs-shared-channels-in-microsoft-teams/">Standard vs Private vs Shared Channels in Microsoft Teams</a> appeared first on <a href="https://blogit.create.pt">Blog IT</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>This post explains the difference between Standard, Private and Shared Channels in Microsoft Teams.</p>



<h2 class="wp-block-heading">Introduction</h2>



<p><a href="https://www.microsoft.com/en-us/microsoft-teams/" target="_blank" rel="noreferrer noopener">Microsoft Teams</a> is the enterprise messaging solution in the Microsoft 365, allowing for real time collaboration, communication, meeting, file and app sharing and more.</p>



<h2 class="wp-block-heading">What is a Microsoft Team?</h2>



<p>In a simple way, a Team in Microsoft Teams is a collaboration and communication workspace, allowing a set users to chat, hold meetings and share files and apps with its members or a subset of its members. When a team is created in Microsoft Teams, the following is created:</p>



<ul class="wp-block-list">
<li>A Team in Microsoft Teams</li>



<li>A SharePoint Site to hold the Teams&#8217;s files</li>



<li>A Microsoft 365 Group that manages access to the team</li>



<li>An Exchange Online mailbox</li>



<li>A Shared Calendar</li>
</ul>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="634" height="621" src="https://blogit.create.pt/wp-content/uploads/2024/02/Team_M365Group.jpg" alt="" class="wp-image-13243" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Team_M365Group.jpg 634w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_M365Group-300x294.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_M365Group-429x420.jpg 429w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_M365Group-70x70.jpg 70w" sizes="(max-width: 634px) 100vw, 634px" /></figure>



<p>To create a new Team in Microsoft Teams, follow the following steps:</p>



<ul class="wp-block-list">
<li>Select <strong>Teams</strong> in the left navigation and then <strong>+</strong></li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="469" height="251" src="https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create3.jpg" alt="" class="wp-image-13287" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create3.jpg 469w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create3-300x161.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<ul class="wp-block-list">
<li>Give the Team a name and description</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="722" height="709" src="https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create.jpg" alt="" class="wp-image-13288" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create.jpg 722w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create-300x295.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create-696x683.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create-428x420.jpg 428w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create-70x70.jpg 70w" sizes="(max-width: 722px) 100vw, 722px" /></figure>



<ul class="wp-block-list">
<li>Add members to the team. In this case, I will add two members, so the Team will have 3 members (the person who creates the Team is automatically added as Owner of the Team).</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="694" height="530" src="https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create2.jpg" alt="" class="wp-image-13291" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create2.jpg 694w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create2-300x229.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create2-550x420.jpg 550w, https://blogit.create.pt/wp-content/uploads/2024/02/Team_Create2-80x60.jpg 80w" sizes="(max-width: 694px) 100vw, 694px" /></figure>



<p>You can also create a plan in Microsoft Planner that allows you to easily manage team projects and tasks.</p>



<p>Focusing on Microsoft Teams, a Team is composed by channels. It is essentially a way to&nbsp;separate conversations and documents&nbsp;within a Team by topic. For example, in a Project Alpha Team, you can have a General channel (default channel created as part of every team), a Management Channel, a Technical channel, etc. In summary, it is a way to separate topics/conversations and its associated documents. There are the three types of channels in Microsoft Teams:</p>



<ul class="wp-block-list">
<li>Standard channels</li>



<li>Private channels</li>



<li>Shared channels</li>
</ul>



<p>In this post, I will explain what each type of channel and what is the difference between them.</p>



<h2 class="wp-block-heading">Standard Channels</h2>



<p>The first type of channel is called a&nbsp;Standard Channel. There is always a Standard Channel called&nbsp;General created by default in Teams when you create a new Team.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="524" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel-1024x524.jpg" alt="" class="wp-image-13260" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel-1024x524.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel-300x154.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel-768x393.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel-696x356.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel-1068x547.jpg 1068w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel-820x420.jpg 820w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_General_Channel.jpg 1525w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Here is the SharePoint site that was created when the team was created.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="498" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite-1024x498.jpg" alt="" class="wp-image-13265" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite-1024x498.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite-300x146.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite-768x373.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite-696x338.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite-1068x519.jpg 1068w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite-864x420.jpg 864w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_SharePointSite.jpg 1329w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><strong>Who has access to a Standard Channel?</strong></p>



<p>A Standard Channel is available to all team members.</p>



<p><strong>Where are documents stored in a Standard Channel?</strong></p>



<p>The documents are stored in SharePoint, in a folder inside the &#8220;Documents&#8221; document library. For each channel, a folder in the &#8220;Documents&#8221; document library is created and the files are stored inside that folder.</p>



<p>View of the files in a Channel in Teams:</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1006" height="262" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents.jpg" alt="" class="wp-image-13274" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents.jpg 1006w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents-300x78.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents-768x200.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents-696x181.jpg 696w" sizes="(max-width: 1006px) 100vw, 1006px" /></figure>



<p>View of the files in SharePoint:</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="292" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents_SharePoint-1024x292.jpg" alt="" class="wp-image-13275" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents_SharePoint-1024x292.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents_SharePoint-300x86.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents_SharePoint-768x219.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents_SharePoint-696x199.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents_SharePoint-1068x305.jpg 1068w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Documents_SharePoint.jpg 1422w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Private Channels</h2>



<p>The second type of channel is called a&nbsp;Private Channel. As I said earlier, Standard Channels are accessible by all Team members, making all the information in those channels (chats and documents) accessible to every team member. There are situations, where you want to discuss sensitive information with just a few Team members instead of the whole Team. This is where Private Channels are handy, allows us to have private conversations and store sensitive documents in a secure way.</p>



<p>To create a Private Channel, follow the following steps:</p>



<ul class="wp-block-list">
<li>Click on the <strong>&#8230;</strong> near the Team name, and then <strong>Add channel</strong>.</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="416" height="640" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create.jpg" alt="" class="wp-image-13303" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create.jpg 416w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create-195x300.jpg 195w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create-273x420.jpg 273w" sizes="(max-width: 416px) 100vw, 416px" /></figure>



<ul class="wp-block-list">
<li>Give the channel a name select <strong>Private</strong> in the channel type.</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="687" height="686" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create2.jpg" alt="" class="wp-image-13306" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create2.jpg 687w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create2-300x300.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create2-150x150.jpg 150w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create2-421x420.jpg 421w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create2-70x70.jpg 70w" sizes="(max-width: 687px) 100vw, 687px" /></figure>



<ul class="wp-block-list">
<li>Add members to the channel<br><br><strong>NOTE: </strong>In Private channels, you can only add users that are already members of the Team.</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="683" height="513" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create3.jpg" alt="" class="wp-image-13308" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create3.jpg 683w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create3-300x225.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create3-559x420.jpg 559w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create3-80x60.jpg 80w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create3-265x198.jpg 265w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<ul class="wp-block-list">
<li>That&#8217;s it. The Private channel is created and is marked with a lock icon.</li>
</ul>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="363" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create4-1024x363.jpg" alt="" class="wp-image-13312" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create4-1024x363.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create4-300x106.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create4-768x272.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create4-696x246.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channels_Create4.jpg 1062w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><strong>Who has access to a Private Channel?</strong></p>



<p>Only the Private channel members. The channel is not visible to Team members that are not members of the Private channel. We can only invite users that already members of the team, meaning that if the Team members are Meagan and John, I can only invite them and I cannot invite for instance Peter.</p>



<p><strong>Where are documents stored in a <strong>Private </strong>Channel?</strong></p>



<p>The documents once again are stored in SharePoint but for Private channels, information is stored in a different site than the Team SharePoint site. This was the solution that Microsoft implemented that was the only that guarantees that only the channel members have access to the information in the channel. To access the SharePoint site, click on <strong>Files</strong> in the private channel and then <strong>Open in SharePoint</strong>.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="293" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_OpenInSharePoint-1024x293.jpg" alt="" class="wp-image-13326" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_OpenInSharePoint-1024x293.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_OpenInSharePoint-300x86.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_OpenInSharePoint-768x220.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_OpenInSharePoint-696x199.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_OpenInSharePoint-1068x306.jpg 1068w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_OpenInSharePoint.jpg 1250w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>As in a Standard Channel, documents are stored in the &#8220;Documents&#8221; document library, in the folder with the name of the channel.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="408" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite-1024x408.jpg" alt="" class="wp-image-13330" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite-1024x408.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite-300x120.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite-768x306.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite-696x278.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite-1068x426.jpg 1068w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite-1053x420.jpg 1053w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Private_Channel_SharePointSite.jpg 1271w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Shared Channels</h2>



<p>The third type of channels are called Shared Channels and were introduced due to some limitations in Private Channels. In Private Channels, we can only add users who are already members of the Team which is enough for most cases. However, if you want to discuss a topic with just a few Team members <strong>and users that are not members of the Team</strong>, this is not not possible using Private channels. This is where Shared channels are handy, allows us to have private conversations and store private documents in a secure way with a restricted set of users <strong>but allowing us to collaborate with users outside the Team</strong>. Before Shared channels, if you had a use case like this, you would have to create a new Team with all the users you want to collaborate and give them access to the Team&#8217;s standard channels, associated SharePoint site, Email, Calendar and Planner.</p>



<p>Because all of this, we now have the Shared channel type, which is similar to Private Channels with the possibility of adding members that are not part of Team.</p>



<p>To create a Shared Channel, please follow the following steps:</p>



<ul class="wp-block-list">
<li>Click on the <strong>&#8230;</strong> near the Team name, and then <strong>Add channel</strong>.</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="479" height="643" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create.jpg" alt="" class="wp-image-13345" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create.jpg 479w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create-223x300.jpg 223w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create-313x420.jpg 313w" sizes="(max-width: 479px) 100vw, 479px" /></figure>



<ul class="wp-block-list">
<li>Give the channel a name select <strong>Shared</strong> in the channel type</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="671" height="669" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create2.jpg" alt="" class="wp-image-13346" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create2.jpg 671w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create2-300x300.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create2-150x150.jpg 150w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create2-421x420.jpg 421w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create2-70x70.jpg 70w" sizes="(max-width: 671px) 100vw, 671px" /></figure>



<ul class="wp-block-list">
<li>Add members to the channel<br><br><strong>NOTE: </strong>In Shared channels, you can add users that are not members of the Team.</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="673" height="500" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create3.jpg" alt="" class="wp-image-13348" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create3.jpg 673w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create3-300x223.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create3-565x420.jpg 565w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create3-80x60.jpg 80w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create3-265x198.jpg 265w" sizes="(max-width: 673px) 100vw, 673px" /></figure>



<ul class="wp-block-list">
<li>That&#8217;s it. The Shared channel is created and is marked with a &#8220;shared&#8221; icon</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="1007" height="407" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create4.jpg" alt="" class="wp-image-13349" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create4.jpg 1007w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create4-300x121.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create4-768x310.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channels_Create4-696x281.jpg 696w" sizes="(max-width: 1007px) 100vw, 1007px" /></figure>



<p><strong>Who has access to a Shared Channel?</strong></p>



<p>Only the Shared channel members. The channel is not visible to Team members that are not members of the Shared channel. In many ways, the concept is similar to Private channels but with the possibility of adding members outside the Team.</p>



<p><strong>Where are documents stored in a <strong>Shared </strong>Channel?</strong></p>



<p>For Shared channels, documents are stored in the exact same way documents in a Private channel are stored, in a separate SharePoint site for the same security reasons mentioned for Private channels. To access the SharePoint site, click on <strong>Files</strong> in the shared channel and then <strong>Open in SharePoint</strong>.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="263" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_OpenInSharePoint-1024x263.jpg" alt="" class="wp-image-13392" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_OpenInSharePoint-1024x263.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_OpenInSharePoint-300x77.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_OpenInSharePoint-768x197.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_OpenInSharePoint-696x179.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_OpenInSharePoint-1068x274.jpg 1068w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_OpenInSharePoint.jpg 1254w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>As in Standard and Private channels, documents are stored in the &#8220;Documents&#8221; document library, in the folder with the name of the channel.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="368" src="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite-1024x368.jpg" alt="" class="wp-image-13395" srcset="https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite-1024x368.jpg 1024w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite-300x108.jpg 300w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite-768x276.jpg 768w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite-696x250.jpg 696w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite-1068x384.jpg 1068w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite-1168x420.jpg 1168w, https://blogit.create.pt/wp-content/uploads/2024/02/Teams_Shared_Channel_SharePointSite.jpg 1396w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Standard vs Private vs Shared Channels</h2>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Channel Type</strong></td><td><strong>Who has access to the Channel?</strong></td><td><strong>Where are documents stored?</strong></td><td><strong>What Resources do users have access to?</strong></td></tr><tr><td>Standard</td><td>All team members</td><td>In the Team&#8217;s associated SharePoint Site.</td><td>All resources of a Microsoft 365 Group (Team, SharePoint Site, Email, Calendar, Planner)</td></tr><tr><td>Private</td><td>Channel members. Channel members must be members of the Team.</td><td>In a separate SharePoint Site that is only accessible by the members of the channel.</td><td>Team, SharePoint Site</td></tr><tr><td>Shared</td><td>Channel members. Channel members can be members outside the Team.</td><td>In a separate SharePoint Site that is only accessible by the members of the channel.</td><td>Team, SharePoint Site</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">Related Articles</h2>



<p>To learn why your business should migrate to SharePoint Online and Office 365, click&nbsp;<a href="https://blogit.create.pt////miguelisidoro/2019/07/29/why-your-business-should-migrate-to-sharepoint-online-and-office-365-the-value-offer-part-1/" target="_blank" rel="noreferrer noopener">here</a>&nbsp;and&nbsp;<a href="https://blogit.create.pt////miguelisidoro/2019/07/29/why-your-business-should-migrate-to-sharepoint-online-and-office-365-the-value-offer-part-2/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to learn how to develop SPFx solutions, click <a href="https://blogit.create.pt/miguelisidoro/2022/05/09/sharepoint-framework-spfx-learning-guide/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to learn how you can rename a modern SharePoint site, click&nbsp;<a href="https://blogit.create.pt////miguelisidoro/2019/09/23/how-to-rename-a-modern-sharepoint-site-url-in-office-365/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to learn how to save time time scheduling your meetings, click&nbsp;<a href="https://blogit.create.pt////miguelisidoro/2020/04/12/save-time-scheduling-microsoft-teams-meetings-using-findtime/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to learn how to enable Microsoft Teams Attendance List Download, click&nbsp;<a href="https://blogit.create.pt////miguelisidoro/2020/09/20/how-to-enable-teams-meeting-attendance-list-download-in-microsoft-365/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to learn how to create a dynamic org-wide team in Microsoft Teams with all active employees, click&nbsp;<a href="https://blogit.create.pt/miguelisidoro/2020/09/21/how-to-create-a-dynamic-team-in-microsoft-teams-with-all-active-employees-in-microsoft-365/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to modernize your SharePoint classic root site to a modern SharePoint site, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/08/27/how-to-modernize-your-tenant-root-site-collection-in-office-365-using-invoke-spositeswap/" target="_blank">here</a>.</p>



<p>If you are a SharePoint administrator or a SharePoint developer who wants to learn more about how to install a SharePoint 2019 farm in an automated way using PowerShell, I invite you to click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/12/09/how-to-install-a-sharepoint-2019-farm-using-powershell-and-autospinstaller-part-1/" target="_blank">here</a>&nbsp;and&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/12/09/how-to-install-a-sharepoint-2019-farm-using-powershell-and-autospinstaller-part-2/" target="_blank">here</a>.</p>



<p>If you learn how to greatly speed up your SharePoint farm update process to ensure your SharePoint farm keeps updated and you stay one step closer to start your move to the cloud, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/05/02/how-to-speed-up-the-installation-of-sharepoint-cumulative-updates-using-powershell-step-by-step/" target="_blank">here</a>.</p>



<p>If you prefer to use the traditional method to update your farm and want to learn all the steps and precautions necessary to successfully keep your SharePoint farm updated, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/04/08/how-to-install-sharepoint-cumulative-updates-in-a-sharepoint-farm-step-by-step/" target="_blank">here</a>.</p>



<p>If you want to learn how to upgrade a SharePoint 2013 farm to SharePoint 2019, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/03/06/how-to-upgrade-from-sharepoint-2013-to-sharepoint-2019-step-by-step-part-1/" target="_blank">here&nbsp;</a>and&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/03/06/how-to-upgrade-from-sharepoint-2013-to-sharepoint-2019-step-by-step-part-2/" target="_blank">here</a>.</p>



<p>If SharePoint 2019 is still not an option, you can learn more about how to install a SharePoint 2016 farm in an automated way using PowerShell, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-1/" target="_blank">here</a>&nbsp;and&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-2/" target="_blank">here</a>.</p>



<p>If you want to learn how to upgrade a SharePoint 2010 farm to SharePoint 2016, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/02/04/sharepoint-upgrade-upgrading-a-sharepoint-2010-farm-to-sharepoint-2016-step-by-step-part-1/" target="_blank">here&nbsp;</a>and&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/02/04/sharepoint-upgrade-upgrading-a-sharepoint-2010-farm-to-sharepoint-2016-step-by-step-part-2/" target="_blank">here</a>.</p>



<p>If you are new to SharePoint and Office 365 and want to learn all about it, take a look at these&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/10/17/sharepoint-and-office-365-learning-resources/" target="_blank">learning resources</a>.</p>



<p>If you are work in a large organization who is using Office 365 or thinking to move to Office 365 and is considering between a single or multiple Office 365 tenants, I invite you to read&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/01/07/pros-and-cons-of-single-tenant-vs-multiple-tenants-in-office-365/" target="_blank">this article</a>.</p>



<p>If you want to know all about the latest SharePoint and Office 365 announcements from Ignite and some more recent announcements, including Microsoft Search, What’s New to Build a Modern Intranet with SharePoint in Office 365, Deeper Integration between Microsoft Teams and SharePoint and the latest news on SharePoint development, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/11/21/whats-new-for-sharepoint-and-office-365-after-microsoft-ignite-2018/" target="_blank">here</a>.</p>



<p>If your organization is still not ready to go all in to SharePoint Online and Office 365, a hybrid scenario may be the best choice. SharePoint 2019 RTM was recently announced and if you to learn all about SharePoint 2019 and all its features, click <a href="https://blogit.create.pt////miguelisidoro/2018/11/01/meet-the-new-modern-sharepoint-server-sharepoint-2019-rtm-is-here/" target="_blank" rel="noreferrer noopener">here</a>.</p>
<p>The post <a href="https://blogit.create.pt/miguelisidoro/2024/02/21/standard-vs-private-vs-shared-channels-in-microsoft-teams/">Standard vs Private vs Shared Channels in Microsoft Teams</a> appeared first on <a href="https://blogit.create.pt">Blog IT</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blogit.create.pt/miguelisidoro/2024/02/21/standard-vs-private-vs-shared-channels-in-microsoft-teams/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>SharePoint Framework (SPFx) Learning Guide</title>
		<link>https://blogit.create.pt/miguelisidoro/2022/05/09/sharepoint-framework-spfx-learning-guide/</link>
					<comments>https://blogit.create.pt/miguelisidoro/2022/05/09/sharepoint-framework-spfx-learning-guide/#respond</comments>
		
		<dc:creator><![CDATA[Miguel Isidoro]]></dc:creator>
		<pubDate>Mon, 09 May 2022 16:50:20 +0000</pubDate>
				<category><![CDATA[SharePoint Online]]></category>
		<category><![CDATA[Microsoft Teams]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[React]]></category>
		<category><![CDATA[SharePoint Framework]]></category>
		<category><![CDATA[SPFx]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[TypeScript]]></category>
		<guid isPermaLink="false">https://blogit.create.pt/?p=12678</guid>

					<description><![CDATA[<p>Hello, Are you new to SharePoint or do you just want to learn how to develop SharePoint modern solutions? Then, you came to the right place! This is a guide to help you learn SharePoint Framework (SPFx), a framework to develop SharePoint (and Teams) client-side solutions. SPFx leverages the following technologies: The Basics SharePoint Framework&#160;is&#160;a&#160;page [&#8230;]</p>
<p>The post <a href="https://blogit.create.pt/miguelisidoro/2022/05/09/sharepoint-framework-spfx-learning-guide/">SharePoint Framework (SPFx) Learning Guide</a> appeared first on <a href="https://blogit.create.pt">Blog IT</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Hello,</p>



<p>Are you new to SharePoint or do you just want to learn how to develop SharePoint modern solutions? Then, you came to the right place!</p>



<p>This is a guide to help you learn SharePoint Framework (SPFx), a framework to develop SharePoint (and Teams) client-side solutions. SPFx leverages the following technologies:</p>



<ul class="wp-block-list">
<li><a href="https://reactjs.org/" target="_blank" rel="noreferrer noopener">React&nbsp;</a>/&nbsp;<a href="https://angular.io/" target="_blank" rel="noreferrer noopener">Angular</a></li>



<li><a href="https://www.typescriptlang.org/" target="_blank" rel="noreferrer noopener">TypeScript</a></li>



<li><a href="https://www.microsoft.com/pt-pt/microsoft-365/sharepoint/collaboration" target="_blank" rel="noreferrer noopener">SharePoint Online</a></li>



<li><a href="https://www.microsoft.com/en-us/microsoft-teams/group-chat-software/" target="_blank" rel="noreferrer noopener">Microsoft Teams</a></li>
</ul>



<p></p>



<h2 class="wp-block-heading">The Basics</h2>



<p><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview" target="_blank" rel="noreferrer noopener">SharePoint Framework</a>&nbsp;is&nbsp;a&nbsp;<strong>page and web part model&nbsp;</strong>that provides full support for<strong>&nbsp;client-side SharePoint development</strong>,&nbsp;<strong>easy integration with SharePoint data</strong>, and&nbsp;<strong>extending</strong>&nbsp;<strong>Microsoft Teams.</strong>&nbsp;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.</p>



<p>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 these products. In fact, SPFx is the only extensibility and customization option for Viva Connections.</p>



<p>In addition to SharePoint Online, SPFx is supported and can be used to customize SharePoint on-premises deployments going back to SharePoint Server 2016.</p>



<p>With the SharePoint Framework, we can develop:</p>



<ul class="wp-block-list">
<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/overview-client-side-web-parts" target="_blank" rel="noreferrer noopener">Web Parts</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/overview-extensions" target="_blank" rel="noreferrer noopener">Extensions</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/library-component-overview" target="_blank" rel="noreferrer noopener">Library components</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/viva/get-started/build-first-sharepoint-adaptive-card-extension" target="_blank" rel="noreferrer noopener">Adaptive Card Extensions</a></li>
</ul>



<p><br>Other useful links:</p>



<ul class="wp-block-list">
<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview" target="_blank" rel="noreferrer noopener">Overview of the SharePoint Framework (SPFx)</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/scaffolding-projects-using-yeoman-sharepoint-generator" target="_blank" rel="noreferrer noopener">Scaffold projects by using Yeoman SharePoint generator</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/tools-and-libraries" target="_blank" rel="noreferrer noopener">SharePoint Framework development tools and libraries</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/sharepoint-framework-toolchain" target="_blank" rel="noreferrer noopener">SharePoint Framework toolchain</a></li>



<li><a href="https://pnp.github.io/blog/post/patterns-and-practices-for-spfx-development/" id="https://pnp.github.io/blog/post/patterns-and-practices-for-spfx-development/" target="_blank" rel="noreferrer noopener">Patterns and Practices for SPFx Development</a></li>
</ul>



<h3 class="wp-block-heading">Technology stack</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="650" height="578" src="https://blogit.create.pt/wp-content/uploads/2022/05/sharepoint_framework_logo-1.jpg" alt="" class="wp-image-13616" srcset="https://blogit.create.pt/wp-content/uploads/2022/05/sharepoint_framework_logo-1.jpg 650w, https://blogit.create.pt/wp-content/uploads/2022/05/sharepoint_framework_logo-1-300x267.jpg 300w, https://blogit.create.pt/wp-content/uploads/2022/05/sharepoint_framework_logo-1-472x420.jpg 472w" sizes="(max-width: 650px) 100vw, 650px" /><figcaption class="wp-element-caption">SPFx Technology stack</figcaption></figure>



<h3 class="wp-block-heading">SPFx Development Toolchain</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="815" height="410" src="https://blogit.create.pt/wp-content/uploads/2022/05/spfx-development-toolchain-1-2.png" alt="" class="wp-image-13617" srcset="https://blogit.create.pt/wp-content/uploads/2022/05/spfx-development-toolchain-1-2.png 815w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx-development-toolchain-1-2-300x151.png 300w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx-development-toolchain-1-2-768x386.png 768w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx-development-toolchain-1-2-696x350.png 696w" sizes="(max-width: 815px) 100vw, 815px" /><figcaption class="wp-element-caption">SPFx Development Toolchain</figcaption></figure>



<h2 class="wp-block-heading">TypeScript</h2>



<p><a href="https://www.typescriptlang.org/" target="_blank" rel="noreferrer noopener">TypeScript&nbsp;</a>is the preferred programming language to develop in SPFx. TypeScript is a programming language and maintained by Microsoft and is a superset of JavaScript and adds optional static typing to the language to develop client-side solutions. It is designed for the development of large applications and transpiles to JavaScript to be executed in the browser.</p>



<p>Useful TypeScript concepts:</p>



<ul class="wp-block-list">
<li><a href="https://www.typescriptlang.org/docs/handbook/variable-declarations.html" target="_blank" rel="noreferrer noopener">const</a>&nbsp;&#8211; allows the definition of a variable whose value is not going to be changed. Use this instead of let if the variable value is not going to be changed after its declaration.</li>



<li><a href="https://www.typescriptlang.org/docs/handbook/variable-declarations.html" target="_blank" rel="noreferrer noopener">let</a>&nbsp;&#8211; allows the definition of a variable whose value is going to be changed. Use this instead of const if the variable value is going to be changed after its declaration.</li>



<li><a href="https://www.typescriptlang.org/docs/handbook/variable-declarations.html" target="_blank" rel="noreferrer noopener">var&nbsp;</a>&#8211; allows the definition of a variable whose value is going to be changed. To be&nbsp;<strong>avoided&nbsp;</strong>since variables declared with var are acessible from any scope (scope (function, module, namespace, global)</li>



<li><a href="https://javascript.plainenglish.io/when-to-best-use-type-class-or-interface-in-typescript-73bf66de19e9" target="_blank" rel="noreferrer noopener">type</a>&nbsp;&#8211; allows the definition of a data class without any business logic or methods, just data. It can be also useful to avoid the usage of magic strings in the code.</li>



<li><a href="https://javascript.plainenglish.io/when-to-best-use-type-class-or-interface-in-typescript-73bf66de19e9" target="_blank" rel="noreferrer noopener">enum</a>&nbsp;&#8211; allows the definition of a enumeration</li>



<li><a href="https://javascript.plainenglish.io/when-to-best-use-type-class-or-interface-in-typescript-73bf66de19e9" target="_blank" rel="noreferrer noopener">interface&nbsp;</a>&#8211; allows the definition of a interface that can then be implemented by a concret class.</li>



<li><a href="https://javascript.plainenglish.io/when-to-best-use-type-class-or-interface-in-typescript-73bf66de19e9" target="_blank" rel="noreferrer noopener">class</a>&nbsp;&#8211; allows the definition of a class that optionally implements an interface</li>



<li><a href="https://www.typescriptlang.org/docs/handbook/2/classes.html" target="_blank" rel="noreferrer noopener">extends&nbsp;</a>&#8211; when used, it allows a class to inherit from another class</li>



<li><a href="https://www.typescriptlang.org/docs/handbook/modules.html#export" target="_blank" rel="noreferrer noopener">export&nbsp;</a>&#8211;&nbsp;allows the export<strong>&nbsp;</strong>of functions, variables, interfaces and classes that can be imported with the import statement</li>



<li><a href="https://www.typescriptlang.org/docs/handbook/modules.html#import" target="_blank" rel="noreferrer noopener">import</a>&nbsp;&#8211; allows the import of functions, variables, interfaces and classes exported with the export statement</li>
</ul>



<p>Useful links:</p>



<ul class="wp-block-list">
<li><a href="https://www.youtube.com/watch?v=ahCwqrYpIuM" target="_blank" rel="noreferrer noopener">TypeScript &#8211; The Basics (video)</a></li>



<li><a href="https://www.typescriptlang.org/docs/" target="_blank" rel="noreferrer noopener">The starting point for learning TypeScript</a></li>



<li><a href="https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html" target="_blank" rel="noreferrer noopener">TypeScript for the New Programmer</a></li>



<li><a href="https://www.tutorialsteacher.com/typescript" target="_blank" rel="noreferrer noopener">TypeScript Tutorials</a></li>



<li><a href="https://github.com/labs42io/clean-code-typescript" target="_blank" rel="noreferrer noopener">Clean Code concepts adapted for TypeScript</a></li>
</ul>



<p></p>



<h2 class="wp-block-heading">React</h2>



<p><a href="https://reactjs.org/" target="_blank" rel="noreferrer noopener">React </a>is a JavaScript library for building user interfaces and is at the core of SPFx to build advanced applications. </p>



<ul class="wp-block-list">
<li><strong>Declarative:</strong>&nbsp;React makes it painless to create interactive UIs. Design simple views for each state in your application and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.</li>



<li><strong>Component-Based:</strong>&nbsp;Build encapsulated components that manage their state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.</li>



<li><strong>Learn Once, Write Anywhere:</strong>&nbsp;We don&#8217;t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using&nbsp;<a href="https://reactnative.dev/" target="_blank" rel="noreferrer noopener">React Native</a>.</li>
</ul>



<p>Useful links:</p>



<ul class="wp-block-list">
<li><a href="https://reactjs.org" target="_blank" rel="noreferrer noopener">React Official Web Site</a></li>



<li><a href="https://reactjs.org/tutorial/tutorial.html">Tutorial: Intro to React</a></li>



<li><a href="https://reactjs.org/docs/react-component.html#the-component-lifecycle" target="_blank" rel="noreferrer noopener">React Component LifeCycle</a></li>



<li><a href="https://laurakokkarinen.com/how-to-get-started-with-react-for-building-advanced-spfx-solutions/" target="_blank" rel="noreferrer noopener">How to get started with React for building advanced SPFx solutions</a></li>



<li><a href="https://global-sharepoint.com/sharepoint-online/sharepoint-online-crud-operations-using-spfx-reactjs-framework/" target="_blank" rel="noreferrer noopener">SharePoint Online: CRUD operations using SPFx ReactJS framework</a></li>



<li><a href="https://kentcdodds.com/blog/how-to-react" target="_blank" rel="noreferrer noopener">How to React ⚛️</a></li>



<li><a href="https://developer.microsoft.com/en-us/fluentui" target="_blank" rel="noreferrer noopener">Fluent UI (Microsoft Components for Microsoft 365 Applications)</a></li>



<li><a href="https://reactjs.org/docs/lists-and-keys.html" target="_blank" rel="noreferrer noopener">React: Lists and Keys</a></li>



<li><a href="https://www.sitepoint.com/implement-memoization-in-react-to-improve-performance/" target="_blank" rel="noreferrer noopener">How to Implement Memoization in React to Improve Performance</a></li>
</ul>



<p>To help developers to build advanced SPFx solutions, there are a lot of React controls, either developed by Microsoft such as <a href="https://developer.microsoft.com/en-us/fluentui" target="_blank" rel="noreferrer noopener">Fluent UI</a> or by communities such as the <a href="https://pnp.github.io/" target="_blank" rel="noreferrer noopener">PnP community</a>.</p>



<p></p>



<h2 class="wp-block-heading">PnP JS</h2>



<p><a href="https://pnp.github.io/pnpjs/">PnP JS</a>&nbsp;is a NPM package that simplifies interaction with SharePoint Online and Microsoft Graph.</p>



<p>Useful links:</p>



<ul class="wp-block-list">
<li><a href="https://pnp.github.io/pnpjs/sp/items/">Working with SharePoint List Items</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/use-sp-pnp-js-with-spfx-web-parts">Use @pnp/sp (PnPJS) library with SharePoint Framework web parts</a></li>



<li><a href="https://ravichandran.blog/2020/06/24/a-complete-guide-to-getting-and-setting-fields-value-using-pnp-js-in-spfx/">A Complete Guide to Getting and Setting Fields Value using PnP JS in SPFx</a></li>



<li><a href="https://pnp.github.io/pnpjs/packages/#graph">Using PnP JS with Microsoft Graph</a></li>



<li><a href="https://pnp.github.io/#sdks" target="_blank" rel="noreferrer noopener">PnP SDKs</a></li>
</ul>



<p></p>



<h2 class="wp-block-heading">Repositories</h2>



<p>Here are some of the most useful repositories to start learning SharePoint Framework:</p>



<ul class="wp-block-list">
<li><a href="https://github.com/pnp" target="_blank" rel="noreferrer noopener">Microsoft 365 Community</a></li>



<li><a href="https://github.com/orgs/pnp/repositories?q=spfx&amp;type=all&amp;language=&amp;sort=%20-&nbsp;" target="_blank" rel="noreferrer noopener">Microsoft 365 Community Repositories</a></li>



<li><a href="https://github.com/pnp/sp-dev-fx-webparts - pnp/sp-dev-fx-webparts" target="_blank" rel="noreferrer noopener">SharePoint Framework web part, Teams tab, personal app, app page samples</a></li>



<li><a href="https://github.com/pnp/sp-dev-fx-controls-react%20-%20pnp/sp-dev-fx-controls-react" target="_blank" rel="noreferrer noopener">Reusable React controls for SPFx solutions</a></li>



<li><a href="https://github.com/pnp/sp-dev-fx-webparts" target="_blank" rel="noreferrer noopener">sp-dev-fx-webparts</a></li>



<li><a href="https://github.com/pnp/sp-dev-fx-extensions" target="_blank" rel="noreferrer noopener">pnp/sp-dev-fx-extensions</a></li>



<li><a href="https://github.com/pnp/sp-dev-fx-property-controls" target="_blank" rel="noreferrer noopener">pnp/sp-dev-fx-property-controls</a></li>



<li><a href="https://github.com/pnp/sp-dev-fx-aces" target="_blank" rel="noreferrer noopener">pnp/sp-dev-fx-aces</a></li>



<li><a href="https://devblogs.microsoft.com/microsoft365dev/announcing-new-microsoft-365-unified-sample-gallery-with-more-than-1000-samples/" target="_blank" rel="noreferrer noopener">Microsoft 365 Unified Sample Gallery with more than 1000 samples</a></li>
</ul>



<p></p>



<h2 class="wp-block-heading">Concepts / Tooling</h2>



<h3 class="wp-block-heading">Core SPFx Concepts</h3>



<ul class="wp-block-list">
<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/tools-and-libraries#javascript-frameworks" target="_blank" rel="noreferrer noopener">JavaScript frameworks</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/tools-and-libraries#nodejs" target="_blank" rel="noreferrer noopener">Node.js</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/tools-and-libraries#node-package-manager-npm" target="_blank" rel="noreferrer noopener">NPM (Node Package Manager)</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/tools-and-libraries#yeoman-generators" target="_blank" rel="noreferrer noopener">Yeoman</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/tools-and-libraries#gulp-task-runner" target="_blank" rel="noreferrer noopener">Gulp</a></li>



<li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/tools-and-libraries#webpack" target="_blank" rel="noreferrer noopener">WebPack</a></li>
</ul>



<h3 class="wp-block-heading">NPM Packages</h3>



<p>SharePoint client-side development tools use the&nbsp;<a href="https://www.npmjs.com/" target="_blank" rel="noreferrer noopener">npm</a>&nbsp;package manager, like&nbsp;<a href="https://www.nuget.org/" target="_blank" rel="noreferrer noopener">NuGet</a>, to manage dependencies and other required JavaScript helpers. npm is typically included as part of Node.js setup.</p>



<p>Package installation modes:</p>



<ul class="wp-block-list">
<li><strong>npm install @package</strong> &#8211; installs the package</li>



<li><strong>npm install @package &#8211;save</strong> &#8211; installs the package and updates package.json automatically (dependencies section)</li>



<li><strong>npm install @package@version &#8211;save-dev </strong>&#8211; installs the package and updates package.json automatically (devDependencies section)</li>



<li><strong>npm install @package@version &#8211;save </strong>&#8211; installs the package with the specified version and updates package.json automatically (dependencies section)</li>



<li><strong>npm install @package@version &#8211;save-dev </strong>&#8211; installs the package with the specified version and updates package.json automatically (devDependencies section)</li>
</ul>



<p>Useful npm packages to include in a SPFx solution:</p>



<ul class="wp-block-list">
<li><strong><strong>npm install gulp yo @microsoft/generator-sharepoint@&lt;spfx_version&gt; &#8211;global</strong></strong>
<ul class="wp-block-list">
<li><strong>   Example: npm install gulp yo @microsoft/generator-sharepoint@1.15.2 &#8211;global</strong></li>
</ul>
</li>



<li><strong>npm install @microsoft/microsoft-graph-types &#8211;save</strong></li>



<li><strong>npm install @pnp/sp &#8211;save</strong></li>



<li><strong>npm install @pnp/graph &#8211;save</strong></li>



<li><strong>npm install @fluentui/react &#8211;save</strong></li>



<li><strong>npm install @pnp/spfx-controls-react &#8211;save</strong></li>



<li><strong>npm install @pnp/spfx-property-controls &#8211;save</strong></li>



<li><strong>npm install localforage &nbsp;&#8211;save</strong></li>



<li><strong>npm install @luudjanssen/localforage-cache &#8211;save</strong></li>



<li><strong>npm install spfx-fast-serve -g</strong></li>



<li><strong>npm install -g pnpm</strong></li>
</ul>



<h3 class="wp-block-heading">Gulp Commands</h3>



<ul class="wp-block-list">
<li><strong>gulp clean</strong> &#8211; cleans the solution. Cleans the dist and temp folders from the solution</li>



<li><strong>gulp trust-dev-cert</strong> &#8211; installs the development certificate</li>



<li><strong>gulp build </strong>&#8211; builds the solution, tranforms TypeScript into JavaScript</li>



<li><strong>gulp bundle </strong>&#8211; bundles the solution and minimizes CSS and JS (in debug mode)</li>



<li><strong>gulp bundle &#8211;ship</strong> &#8211; bundles the solution and minimizes CSS and JS for deployment in SharePoint in production mode (release mode)</li>



<li><strong>gulp package-solution</strong> &#8211; generates package (.sppkg file) but to run in debug mode</li>



<li><strong>gulp package-solution &#8211;ship</strong> &#8211; generates package (.sppkg file) to run in production mode</li>



<li><strong>gulp serve</strong> &#8211; launches SharePoint Workbench to test web parts in debug mode</li>



<li><strong>gulp serve &#8211;nobrowser</strong> &#8211; allows testing web parts in debug mode but without launching SharePoint Workbench</li>
</ul>



<p></p>



<h2 class="wp-block-heading">SPFx Development Environment</h2>



<h3 class="wp-block-heading">Setup Development Environment</h3>



<p>To <a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment" target="_blank" rel="noreferrer noopener">setup your development environment</a>, run the following commands from the command prompt:</p>



<ul class="wp-block-list">
<li>npm install gulp-cli yo @microsoft/generator-sharepoint &#8211;global</li>



<li>npm install webpack &#8211;global</li>



<li>npm install &#8211;save-dev webpack</li>



<li>gulp trust-dev-cert</li>
</ul>



<h3 class="wp-block-heading">Node Version Manager (nvm)</h3>



<p>Node Version Manager (NVM) allows developers to install multiple versions of node. This can be useful when working with different SPFx versions that use different versions of Node.</p>



<p>To download NVM, click <a href="https://github.com/coreybutler/nvm-windows/releases" target="_blank" rel="noreferrer noopener">here</a>.</p>



<h4 class="wp-block-heading">Install Node using NVM</h4>



<p>After installing NVM, to install a node version use the following command:</p>



<p>nvm install &lt;node_version&gt;. Example: nvm install 14.19.1</p>



<h4 class="wp-block-heading">Switch between versions of Node</h4>



<p>If you have multiple versions of Node, you can switch between them using the following command:</p>



<p>nvm use &lt;node_version&gt;. Example: nvm use 12.22.10</p>



<p>To have a full list of the installed node versions, run &#8220;nvm list&#8221;.</p>



<h3 class="wp-block-heading">SPFx Fast Serve</h3>



<p>If you have a big SPFx solution, gulp serve can take a lot of time, especially if you want to rapidly test your developments. SPFx Fast Serve is a command line utility, which modifies your SharePoint Framework solution, so that it runs continuous serve command as fast as possible. To know more, click <a href="https://github.com/s-KaiNet/spfx-fast-serve" target="_blank" rel="noreferrer noopener">here</a>.&nbsp;</p>



<p>Here is a comparison between gulp serve and SPFx Fast Serve (times depend on hardware, environment). The times listed below are &#8220;refresh&#8221; time (the time needed to compile your project when you change a file and start refreshing a page in a browser):</p>



<figure class="wp-block-table"><table><thead><tr><th></th><th>gulp serve</th><th>spfx-fast-serve</th></tr></thead><tbody><tr><td>Default &#8220;Hello World&#8221;<br>React web part</td><td>3-5 sec</td><td>0.1-0.2 sec</td></tr><tr><td><a href="https://github.com/microsoft-search/pnp-modern-search">PnP Modern Search solution</a></td><td>28-34 sec</td><td>2-4 sec</td></tr><tr><td><a href="https://github.com/SharePoint/sp-starter-kit">SP Starter Kit solution</a>&nbsp;(v1)</td><td>40-50 sec</td><td>2-3 sec</td></tr></tbody></table></figure>



<p>This is a must have for every SharePoint Framework Developer!</p>



<h3 class="wp-block-heading">Recommended Visual Studio Code Extensions</h3>



<ul class="wp-block-list">
<li><a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag">Auto Rename Tag</a></li>



<li><a href="https://www.tabnine.com/install/vscode">Tabnine</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons">VSCode icons</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer">Bracket Pair Colorizer</a>&nbsp;</li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode">Visual Code IntelliCode</a>&nbsp;</li>



<li><a href="https://www.sonarlint.org/vscode">SonarLint for Visual Studio Code</a>&nbsp;</li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.PowerShell">PowerShell</a>&nbsp;</li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer">Live Server</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=wix.glean">Glean</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client" target="_blank" rel="noreferrer noopener">Thunder Client</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=eliostruyf.spfx-snippets" target="_blank" rel="noreferrer noopener">SPFx Snippets</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" target="_blank" rel="noreferrer noopener">GitLens</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree" target="_blank" rel="noreferrer noopener">Todo Tree</a></li>



<li><a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" target="_blank" rel="noreferrer noopener">ESLint</a></li>
</ul>



<p></p>



<h2 class="wp-block-heading">SPFx Quick Start</h2>



<p>The most common development component in SPFx is the web part. To better understand how to create your first web part, read&nbsp;<a href="https://laurakokkarinen.com/how-to-get-started-with-react-for-building-advanced-spfx-solutions/" target="_blank" rel="noreferrer noopener">this article</a>. In SPFx client-side web parts, we have the following components:</p>



<ul class="wp-block-list">
<li>Web part main component &#8211; acts as a container to the React component that has the main logic. In this example, we have a web part class called&nbsp;<strong>BirthdaysWorkAnniversariesNewCollaboratorsWebPart&nbsp;</strong>that renders the&nbsp;<strong>BirthdaysWorkAnniversariesNewCollaborators&nbsp;</strong>React component that has the web part main logic.</li>
</ul>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="532" src="https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart-1024x532.png" alt="" class="wp-image-12693" srcset="https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart-1024x532.png 1024w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart-300x156.png 300w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart-768x399.png 768w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart-696x362.png 696w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart-1068x555.png 1068w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart-808x420.png 808w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_webpart.png 1079w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li>React component associated with the web part. This file has a&nbsp;<strong>render&nbsp;</strong>method responsible for the rendering of the web part UI and uses two major React concepts:&nbsp;<strong>props&nbsp;</strong>supplied by the web part that allows users to configure the web part behavior and&nbsp;<strong>state</strong>&nbsp;that also allows to control how the the web part is rendered. The main difference between props and state is that state can be changed and props can&#8217;t (in the code they are readonly). In the example below, we have the&nbsp;<strong>BirthdaysWorkAnniversariesNewCollaborators&nbsp;</strong>React component that was called by the&nbsp;<strong>BirthdaysWorkAnniversariesNewCollaboratorsWebPart&nbsp;</strong>web part.</li>
</ul>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="694" src="https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component-1024x694.png" alt="" class="wp-image-12694" srcset="https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component-1024x694.png 1024w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component-300x203.png 300w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component-768x521.png 768w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component-696x472.png 696w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component-1068x724.png 1068w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component-619x420.png 619w, https://blogit.create.pt/wp-content/uploads/2022/05/spfx_component.png 1103w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li>Other associated files such as:
<ul class="wp-block-list">
<li>Service classes to get data from SharePoint or Microsoft Graph for instance</li>



<li>Data object classes (models)</li>



<li>Helper classes</li>



<li>etc</li>
</ul>
</li>
</ul>



<p></p>



<h2 class="wp-block-heading">SPFx Tutorials</h2>



<h3 class="wp-block-heading">Getting Started with SPFx</h3>



<ul class="wp-block-list">
<li><a href="https://www.youtube.com/watch?v=6WTtjXP5yW4&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=3" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial 1 &#8211; HelloWorld WebPart</a></li>



<li><a href="https://www.youtube.com/watch?v=5M3zDpgxIMs&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=4" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial 2 &#8211; HelloWorld, Talking to SharePoint</a></li>



<li><a href="https://www.youtube.com/watch?v=FkFg32NSTM0&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=5" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial 3 &#8211; HelloWorld, Serving in SharePoint Page</a></li>



<li><a href="https://www.youtube.com/watch?v=N-KowN-UwTM&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=6" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial 4 &#8211; HelloWorld, Deploy to Office 365 CDN</a></li>



<li><a href="https://www.youtube.com/watch?v=tHzbh5JoC-A&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=8" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial &#8211; Using Microsoft Graph APIs</a></li>



<li><a href="https://www.youtube.com/watch?v=JoTAC2i-XeU&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=8" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial &#8211; Surfacing your solution as a Microsoft Teams tab</a></li>



<li><a href="https://www.youtube.com/watch?v=kNrYd8nYaZY&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=10" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial &#8211; Using Office UI Fabric React Components</a></li>



<li><a href="https://www.youtube.com/watch?v=09uoG6Voeew&amp;list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&amp;index=11" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial &#8211; Provisioning SharePoint assets from SPFx solution</a></li>



<li><a href="https://www.youtube.com/watch?v=8BATz6LD6tA" target="_blank" rel="noreferrer noopener">SharePoint Framework Tutorial &#8211; Create a Full Width Web Part Page with SPFx</a></li>



<li><a href="https://www.youtube.com/watch?v=oNChcluMrm8" target="_blank" rel="noreferrer noopener">Debugging SharePoint Framework solutions in Visual Studio Code</a></li>



<li><a href="https://docs.microsoft.com/en-us/learn/modules/sharepoint-spfx-spcontent/" target="_blank" rel="noreferrer noopener">Work with SharePoint Content using the SharePoint Framework</a></li>
</ul>



<h3 class="wp-block-heading">Developing SPFx Extensions</h3>



<ul class="wp-block-list">
<li><a href="https://www.youtube.com/watch?v=DnfRIl2YN8g&amp;list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&amp;index=2" target="_blank" rel="noreferrer noopener">SharePoint Framework Extensions Tutorial 1 &#8211; Build your first Extension</a></li>



<li><a href="https://www.youtube.com/watch?v=Wm1PG8U5bSw&amp;list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&amp;index=2" target="_blank" rel="noreferrer noopener">SharePoint Framework Extensions Tutorial 2 &#8211; Using page placeholders from Application Customizer</a></li>



<li><a href="https://www.youtube.com/watch?v=tReoZGtAYB4&amp;list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&amp;index=3" target="_blank" rel="noreferrer noopener">SharePoint Framework Extensions Tutorial 3 &#8211; Deploy your extension to site collection</a></li>



<li><a href="https://www.youtube.com/watch?v=xsZbRliakyM&amp;list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&amp;index=4" target="_blank" rel="noreferrer noopener">SharePoint Framework Extensions Tutorial 4 &#8211; Hosting extension from Office 365 CDN</a></li>



<li><a href="https://www.youtube.com/watch?v=mBZ7Sq_KfDA&amp;list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&amp;index=5" target="_blank" rel="noreferrer noopener">SharePoint Framework Extensions Tutorial &#8211; Build your first Field Customizer</a></li>



<li><a href="https://www.youtube.com/watch?v=uaUGtLrNbRA&amp;list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&amp;index=6" target="_blank" rel="noreferrer noopener">SharePoint Framework Extensions Tutorial &#8211; Build your first ListView Command Set</a></li>
</ul>



<h3 class="wp-block-heading">SharePoint CRUD Operations with SPFx</h3>



<ul class="wp-block-list">
<li><a href="https://www.c-sharpcorner.com/article/sharepoint-list-items-crud-operations-demo-using-pnpjs-in-react-based-spfx-webpa/" target="_blank" rel="noreferrer noopener">SharePoint List Items CRUD Operations Demo Using PnPJS In React based SPFx Webpart</a></li>



<li><a href="https://github.com/miguelisidoro/SharePoint/tree/master/SPFx/react-detailslist" target="_blank" rel="noreferrer noopener">SharePoint CRUD Sample with Details List Fluent UI Control and a SharePoint List</a></li>
</ul>



<h3 class="wp-block-heading">Graph API</h3>



<ul class="wp-block-list">
<li><a href="https://laurakokkarinen.com/the-ultimate-beginners-guide-to-microsoft-graph/" target="_blank" rel="noreferrer noopener">The Ultimate Beginner&#8217;s Guide to Microsoft Graph</a></li>
</ul>



<h2 class="wp-block-heading">Related Articles</h2>



<p>To learn why your business should migrate to SharePoint Online and Office 365, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/07/29/why-your-business-should-migrate-to-sharepoint-online-and-office-365-the-value-offer-part-1/" target="_blank">here</a> and <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/07/29/why-your-business-should-migrate-to-sharepoint-online-and-office-365-the-value-offer-part-2/" target="_blank">here</a>.</p>



<p>If you want to learn how you can rename a modern SharePoint site, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/09/23/how-to-rename-a-modern-sharepoint-site-url-in-office-365/" target="_blank">here</a>.</p>



<p>If you want to learn how to save time time scheduling your meetings, click <a aria-label="undefined (opens in a new tab)" href="https://blogit.create.pt////miguelisidoro/2020/04/12/save-time-scheduling-microsoft-teams-meetings-using-findtime/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to learn how to enable Microsoft Teams Attendance List Download, click <a aria-label="undefined (opens in a new tab)" href="https://blogit.create.pt////miguelisidoro/2020/09/20/how-to-enable-teams-meeting-attendance-list-download-in-microsoft-365/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to learn how to create a dynamic org-wide team in Microsoft Teams with all active employees, click <a href="https://blogit.create.pt/miguelisidoro/2020/09/21/how-to-create-a-dynamic-team-in-microsoft-teams-with-all-active-employees-in-microsoft-365/" target="_blank" rel="noreferrer noopener">here</a>.</p>



<p>If you want to modernize your SharePoint classic root site to a modern SharePoint site, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/08/27/how-to-modernize-your-tenant-root-site-collection-in-office-365-using-invoke-spositeswap/" target="_blank">here</a>.</p>



<p>If you are a SharePoint administrator or a SharePoint developer who wants to learn more about how to install a SharePoint 2019 farm in an automated way using PowerShell, I invite you to click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/12/09/how-to-install-a-sharepoint-2019-farm-using-powershell-and-autospinstaller-part-1/" target="_blank">here</a> and <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/12/09/how-to-install-a-sharepoint-2019-farm-using-powershell-and-autospinstaller-part-2/" target="_blank">here</a>.</p>



<p>If you learn how to greatly speed up your SharePoint farm update process to ensure your SharePoint farm keeps updated and you stay one step closer to start your move to the cloud, click&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/05/02/how-to-speed-up-the-installation-of-sharepoint-cumulative-updates-using-powershell-step-by-step/" target="_blank">here</a>.</p>



<p>If you prefer to use the traditional method to update your farm and want to learn all the steps and precautions necessary to successfully keep your SharePoint farm updated, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/04/08/how-to-install-sharepoint-cumulative-updates-in-a-sharepoint-farm-step-by-step/" target="_blank">here</a>.</p>



<p>If you want to learn how to upgrade a SharePoint 2013 farm to SharePoint 2019, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/03/06/how-to-upgrade-from-sharepoint-2013-to-sharepoint-2019-step-by-step-part-1/" target="_blank">here </a>and <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/03/06/how-to-upgrade-from-sharepoint-2013-to-sharepoint-2019-step-by-step-part-2/" target="_blank">here</a>.</p>



<p>If SharePoint 2019 is still not an option, you can learn more about how to install a SharePoint 2016 farm in an automated way using PowerShell, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-1/" target="_blank">here</a>&nbsp;and&nbsp;<a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-2/" target="_blank">here</a>.</p>



<p>If you want to learn how to upgrade a SharePoint 2010 farm to SharePoint 2016, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/02/04/sharepoint-upgrade-upgrading-a-sharepoint-2010-farm-to-sharepoint-2016-step-by-step-part-1/" target="_blank">here </a>and <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/02/04/sharepoint-upgrade-upgrading-a-sharepoint-2010-farm-to-sharepoint-2016-step-by-step-part-2/" target="_blank">here</a>.</p>



<p>If you are new to SharePoint and Office 365 and want to learn all about it, take a look at these <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/10/17/sharepoint-and-office-365-learning-resources/" target="_blank">learning resources</a>.</p>



<p>If you are work in a large organization who is using Office 365 or thinking to move to Office 365 and is considering between a single or multiple Office 365 tenants, I invite you to read <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2019/01/07/pros-and-cons-of-single-tenant-vs-multiple-tenants-in-office-365/" target="_blank">this article</a>.</p>



<p>If you want to know all about the latest SharePoint and Office 365 announcements from Ignite and some more recent announcements, including Microsoft Search, What’s New to Build a Modern Intranet with SharePoint in Office 365, Deeper Integration between Microsoft Teams and SharePoint and the latest news on SharePoint development, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/11/21/whats-new-for-sharepoint-and-office-365-after-microsoft-ignite-2018/" target="_blank">here</a>.</p>



<p>If your organization is still not ready to go all in to SharePoint Online and Office 365, a hybrid scenario may be the best choice. SharePoint 2019 RTM was recently announced and if you to learn all about SharePoint 2019 and all its features, click <a rel="noreferrer noopener" href="https://blogit.create.pt////miguelisidoro/2018/11/01/meet-the-new-modern-sharepoint-server-sharepoint-2019-rtm-is-here/" target="_blank">here</a>.</p>



<p>Happy SharePointing!</p>
<p>The post <a href="https://blogit.create.pt/miguelisidoro/2022/05/09/sharepoint-framework-spfx-learning-guide/">SharePoint Framework (SPFx) Learning Guide</a> appeared first on <a href="https://blogit.create.pt">Blog IT</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blogit.create.pt/miguelisidoro/2022/05/09/sharepoint-framework-spfx-learning-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
