Packt+ | Advance your knowledge in tech

You're reading from SharePoint Development with the SharePoint Framework Design and implement state-of-the-art customizations for SharePoint

Product type Paperback

Published in Sep 2017

Publisher Packt

ISBN-13 9781787121430

Length 386 pages

Edition 1st Edition

Languages

JavaScript

Tools

SharePoint Framework

Concepts

Design

Authors (2):

Olli Jääskeläinen

Jussi Roine

View More author details

Table of Contents (20) Chapters

Title Page

Credits

About the Authors

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

1. Introducing SharePoint Online for Developers FREE CHAPTER

2. Developing Solutions for SharePoint

3. Getting Started with the SharePoint Framework

4. Building Your First Web Part

5. Using Visual Studio Code and Other Editors

6. Packaging and Deploying Solutions

7. Working with SharePoint Content

8. Working with the Web Part Property Pane

9. Using React and Office UI Fabric React Components

10. Working with Other JavaScript Frameworks

11. Troubleshooting and Debugging SharePoint Framework Solutions

12. SharePoint APIs and Microsoft Graph

13. The Future of SharePoint Customizations

Introduction to Fabric React components

Office UI Fabric is the framework for building the Office and Office 365 user experience. This is a bit like Twitter Bootstrap, a framework primarily for CSS and UI. It was designed originally to help Office add-in developers get the look and feel of Microsoft Office applications. You don't have to use it, but if you want to build a consistent user experience for your web parts--something that fits right into the other components that are available in SharePoint sites--then Office UI Fabric is the way to go. Fabric Core includes the styles we have already used, and Fabric React includes a wide array of components that are built with React.

The idea here is not only to use the same design language and look and feel that Office 365 is using, but also to utilize reusable patterns.

Fabric React support

There are a few caveats you should be aware of when building SharePoint Framework solutions with Office UI Fabric. First, note that Fabric React doesn't support...