Advanced Web Part Development:

Styling and Office UI Fabric

Let’s take a break from JavaScript programming for just a moment. In this lesson, we’ll focus on the user experience and style of our dashboard web part. We’ll discover how to import and use Sass modules in our React components, and also explore Microsoft’s Office UI Fabric. In an effort to improve the apperance and functionality of our web part, we’ll import several React components from Office UI Fabric into our application to easily adopt the Office 365 design aesthetic.

Learn More

  1. Office UI Fabric
  2. Web Part Design Guidance
  3. Learn Sass
  4. Lesson Source Code
Lesson 16 of 26