SharePoint App Catalog Development Tips
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
3y ago
After several years of building SharePoint Framework solutions on an almost daily basis you get to the point where you’ve managed to find some things that work pretty well. I recently started a new project and after sharing them with the team realized that maybe these tips would be useful to others and so thought to consolidate them into a list. Change the default view for the tenant app catalog Probably not the oddest, but certainly in a top 10 oddest OOB settings in SharePoint, is the list view settings for the default view in the tenant app catalog for SharePoint apps which groups by Produc ..read more
Visit website
What is a “Dev Tenant” and why would you want one?
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
3y ago
When someone says to you, they are using their “dev tenant” what they’re probably referring to is their personal development “sandbox” they received as part of joining the Microsoft 365 developer program. By visiting Developer Program – Microsoft 365 and selecting “Join Now” you’ll be walked through a wizard that will help you provision your very own Microsoft 365 tenant. You can see the details here, but the general idea is that you’ll have a tenant, where you get to be the omnipotent global admin, with 25 E5 Microsoft 365 licenses available to you that allow you to build out and test variou ..read more
Visit website
SharePoint Framework Application Customizer Cross-Site Page Loading
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
I suspect, like Elio Struyf and Velin Georgiev before him, we’re all suffering from PTSD trying to properly load an application customizer into modern pages. It all started with an issue posted in the sp-dev-docs repo that was about partial page load across site collections but devolved into and issue with the OnInit function firing multiple times. Velin’s post describing his solution to the issue starts with a masterful breakdown of the page loading cycle and his need to track page hits. Then, Elio’s variation highlights other things to check like what Hub Site do I belong to and what UI lang ..read more
Visit website
Tip: React JS – Fragments streamline your DOM
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
This quick post is going to fall into my Tips & Tricks category as it’s information readily available but if you didn’t know to look for it you probably wouldn’t have found it. In version 16.2 React JS introduced the notion of “Fragments”. A Fragment is basically an empty container that you can use in a react component to group a set of children together without adding additional nodes into the DOM. Prior to version 16.2 (and 16.0 – we’ll get to why in a moment), every component must return one and only one parent node. This makes a certain amount of sense, but there are situations where ..read more
Visit website
Using CSS Variables to Morph Your SPFx Design at Run Time
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
I learned about CSS Variables from Stefan Bauer and his post CSS Variables support for SPFx projects through spfx-uifabric-themes. In a nutshell, this npm package, which I’ve started using regularly, transforms the current theme colors available to the SPFx web part into variables that can be used within your SCSS/CSS files. This intrigued me as it’s a native browser capability that’s been around since 2015 and because it means that you can affect the styling at run-time vs build-time… which translated means that lots of things you would normally think you’d need script for you can now do with ..read more
Visit website
Tip: ‘npm version’ isn’t creating tag for your project
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
I love the new feature I picked up from my friend Stefan Bauer about using npm version to upgrade the version of your SPFx solution. It has made working as an individual and as a team contributor so much easier because it becomes obvious in your repositories history when versions of the project we’re created and by whom. I was struggling though because some of my more complicated projects, although set up the same way, were functioning with the exception that the git tags were not getting being created. It turns out that if your folder structure is more complicated, and your package.json fi ..read more
Visit website
Curate the News: Social Following Sites on behalf of a user
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
Curate the News Social Following Sites on behalf of a user The impetus for this post was the desire to follow a site for a batch of users. Why? Well, the news that shows up on the SharePoint home page stems from news posted to sites you follow. So as an organization, especially a large one, if you want to somewhat curate what news gets pushed to your users you need to make sure they’re following the sites that have the news you want them to see. The social endpoints that are generally available via REST or CSOM clearly let you follow a site for the current user but there really is no documente ..read more
Visit website
Resolve to Log
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
My Sympraxis partner Marc Anderson mentioned that we’ve been talking about PnPJS packages for SharePoint Framework a lot lately and called out that I would be blogging about utilizing the logging package in his post Using PnPJS and Async/Await to Really Simplify Your API Calls. If you haven’t checked it out and aren’t using PnPJS and the Async/Await method instead of Promises in your SharePoint Framework solutions, you should give it a read. TL;DR Download the sample code from my GitHub repo for three examples of how to use the PnP Logging package. Why Log Logging information from your applica ..read more
Visit website
SPFx Anchor Tags – Hitting the Target
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
If you’re developing SharePoint Framework web parts you may have run across an issue whereby your anchor tags will not honor the target=”_blank” attribute allowing you to open a url in a new browser tab. The issue manifests itself only when your goal is to open another SharePoint page from a SharePoint page, i.e. the href is in the SharePoint domain. The reason for this is SharePoint’s built in but rather complex Page Router. Basically, the Page Router is the mechanism by which pages are rendered in SharePoint. In the most basic terms a component sits between you and a page refresh providi ..read more
Visit website
Tip: Implementing ‘Nav’ Office Fabric UI React Component
Julie Turner - Veni, Vidi, Vici
by Julie Turner, MVP
4y ago
This post is meant to be a quick supplement to the documentation provided by Microsoft around the Nav component of the Office Fabric UI React. This Nav component gives you a control that you either create URL links or maybe more commonly, support navigation via code. For general links, where the URL is either a route or some other page, the implementation of the INavLinkGroup[] and INavLink is quite straight forward, just provide a Key, Name, and URL with a couple other optional parameters. For programmatic support, the documentation provides a solution but as it turns out that implementati ..read more
Visit website

Follow Julie Turner - Veni, Vidi, Vici on FeedSpot

Continue with Google
Continue with Apple
OR