My npm packages and solutions

Here is a list of my npm packages and open source sharepoint solutions/projects:

Table of Contents

  1. SPFx Framework
  2. Console logger (JavaScript)
  3. Utility (JavaScript)
  4. Storage (JavaScript)
  5. SharePoint Solution: Richtext webpart with reusable content and placeholder resolving
  6. SharePoint Solution: Interactive map webpart
  7. Docker Image: SPFx Development in Docker Container
  8. Chrome Extension: SharePoint (Online) Quicklinks

SPFx Framework

I use this package in all my SPFx projects because it makes development easier. It has many features that can be useful for SPFx development. It is so to say a framework for the framework :-)

Installation

npm i @spfxappdev/framework

Install this dev dependency packages as well: npm i --save-dev @microsoft/sp-webpart-base @microsoft/sp-application-base @microsoft/decorators @types/es6-promise@0.0.32

GitHub repository

npm

Console logger (JavaScript)

With this small and simple library, you can better manage your console logging. console.log() is a very often used method that also helps you a lot in the development. But there is one problem with it. It gets easily confusing and when the application goes live, you only want to output the important messages (e.g. console.warn() or console.error()). So what can be done to clean it up? Search for console.log in the code and delete it or comment it out? That doesn't have to be the case. With this library, you have your logging better under control, like a pro.

Installation

npm i @spfxappdev/logger

GitHub repository

npm

Utility (JavaScript)

This package contains some useful extensions for String and Array and some more functions that need less lines of code and make the code more readable.

Installation

npm i @spfxappdev/utility

GitHub repository

npm

Storage (JavaScript)

Handle the local storage and session storage easier and determine after how many minutes the storage should be refreshed. With useful decorators :)

Installation

npm i @spfxappdev/storage

GitHub repository

npm

SharePoint Solution: Richtext webpart with reusable content and placeholder resolving

Read this article to get more information

GitHub repository

SharePoint Solution: Interactive map webpart

Read this article to get more information

GitHub repository

SharePoint Solution: Simple password vault webpart

Read this article to get more information

GitHub repository

Docker Image: SPFx Development in Docker Container

Serve multiple SPFx/Node.js versions on one environment without installation with docker containers. Docker eliminates the need to set up a development environment.

My Blogpost & how to use it: How Docker containers eliminate SPFx environment setup Docker image

This extension displays useful URLs on a SharePoint online site, which are applied to the currently visited site/page. Additionally, you can store your own URLs.

My Blogpost

GitHub repository

Download extension in Chrome Store