SharePoint Hello Events

Motivation

This project demonstrates a couple of development techniques within the modern SharePoint.

It is relatively common that solutions to manage Events or News within an organization are implemented on top of SharePoint. This project implements an Events management solution, but many concepts could be well used to implement a News solution.

Main Project Items

Features

This project uses to following development concepts and resources.

• SharePoint Framework client-side web part implemented with React
• Asynchronous calls synchronized by using the async / await keywords instead of explicit promises
• Debugging with Visual Studio Code, refer to the topic here
• Unit Testing, refer to the topic here
• End to End Tests, refer to the topic here
• Remote provisioning using the PnP Provisioning Engine, refer to the Hello Events Installer
• Design patterns: Separation of responsabilities, Inversion of control

• React components:

  • Container and Error Boundary Components
  • Visualization Components

• Libraries and external resources:

  • PnP/PnPJs: PnPjs is a collection of fluent libraries for consuming SharePoint, Graph, and Office 365 REST APIs in a type-safe way
  • Office UI Fabric React: Fabric React is a collection of robust React-based components designed to make it simple for you to create consistent web experiences

Demo Images

Client side web part Hello Events from SPFx Hello Events:

Hello Events web part item:

Jest tests example:

Acceptance tests example:

Version History