Category: SharePoint Framework

SharePoint Framework Design Series: Layout Patterns — Part I
SharePoint Framework Design Series: Layout Patterns — Part I
Blog Posts

Introduction The SharePoint Design is a beautiful web site that provides design guidance on beautiful and fast sites, pages, and web parts with SharePoint in Office 365. Unfortunately, the SharePoint Design site does not tell you how to create the beautiful web parts they show you. This series is intended as a companion to the SharePoint Design site, providing you… READ MORE

SharePoint Framework (SPFx) - Understand the Solution Structure
SharePoint Framework (SPFx) – Understand the Solution Structure
Blog Posts

Overview SharePoint Framework (SPFx) client side web parts are lightweight in nature. They can be developed using open source tools such as Node.JS, NPM, Yeoman generators and can be opened in code editors of our choice (Visual Studio Code, Atom, Webstorm). Node Package Manager (NPM) helps to install modules and its dependencies. Yeoman generator carries… READ MORE

Nicole Enders interviews Vesa Juvonen
Nicole Enders interviews Vesa Juvonen
Blog Posts

Community Reporter Nicole Enders interviews Vesa Juvonen, Senior Program Manager, OneDrive – SharePoint Engineering. Video Transcript Nicole: Okay welcome to the ESPC 2019 we are sitting here at the community reporter booth I have Vesa here as my interviewee. Vesa: Thank You for having me. Nicole: You’re a principle program manager at Microsoft so for… READ MORE

Service Locator pattern in SPFx: Using Service Scopes
Service Locator pattern in SPFx: Using Service Scopes
Blog Posts

I have written about this topic in the past but with the recent increase in SharePoint Framework adoption and with more features becoming available (e.g. MSGraphClient, AadHttpClient), I felt it would be a good time to revisit this. With SPFx solutions getting more complex day by day and with lots of components to manage, passing… READ MORE

Add Google Charts into SharePoint Framework Web Part
Add Google Charts into SharePoint Framework Web Part
Blog Posts

This post is based on the question in sp-dev-docs repo. The question is how can we render a Google Charts in SPFx web part. Actually, it’s pretty easy thing to do. As a starting point I’ll be using the code provided in the question I mentioned above: <script type=”text/javascript” src=”https://www.gstatic.com/charts/loader.js”></script> <script type=”text/javascript”> google.charts.load(“current”, {packages:[“corechart”]}); google.charts.setOnLoadCallback(drawChart); function drawChart()… READ MORE

Microsoft Graph with SharePoint Framework
Microsoft Graph with SharePoint Framework
Blog Posts

In our previous blog, we have covered the basic knowledge about Microsoft Graph and Azure Active Directory Graph API. From this blog, let’s have some more knowledge about consuming Microsoft Graph APIs secured with Azure AD for SharePoint development. SharePoint Framework (starting from v.1.4.1) can be used to consume Microsoft Graph APIs secured with Azure AD. This… READ MORE

SharePoint Framework (SPFx) - A Developer's Guide
SharePoint Framework (SPFx) – A Developer’s Guide
Ebooks

SharePoint Framework – A Developer’s Guide by Nanddeep Nachan is targeted for beginner to intermediate SharePoint developers who want to build SharePoint Framework (SPFx) solutions from scratch and get their hands dirty with practical examples. This book is easy to follow and helps develop SharePoint Framework knowledge. You will learn: Overview of SharePoint Framework (SPFx) Using… READ MORE

SharePoint Framework - Develop First Client Side Web Part
SharePoint Framework – Develop First Client Side Web Part
Blog Posts

Overview Client Side WebParts developed using SharePoint Framework (SPFx) are the future of the modern SharePoint. Client-side WebParts are developed using modern UI standards, modern JavaScript tools, and libraries. They run inside the context of SharePoint page and are responsive in nature. Features of SPFx Client Side Web Parts Lightweight – Developed using JavaScript libraries and HTML… READ MORE