/spfx-react-form-webpart

React List Form WebPart

Primary LanguageTypeScriptMIT LicenseMIT

React List Form WebPart

Summary

The List Form is a web part to embbed SharePoint list forms on your pages. It is implemented using the SharePoint Framework (SPFx) and uses the React and Office UI Fabric libraries. It is meant as an example of implementing dynamic SharePoint list forms using React.

STATUS

This is by no means "production ready" and is just meant for experimenting and trying out concepts.

Version history

Version Date Comments
1.0 October 30, 2017 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Minimal Path to Awesome

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp serve

Features

This Web Part illustrates the following concepts on top of the SharePoint Framework:

  • Use of React controlled components for the form fields.
  • Use of SharePoint REST services to retrieve and update schema and data for lists and fields.
  • Using custom drop down property editors in the property pane.
  • Using SharePoint colors in own components.