SharePoint Development Recommendations
order Dilantin I’ve written a lot of blog posts to help give concepts of how to do SharePoint Development, and thought it would be nice to reference them in one page. The concept of these solutions is to architect the projects to be platform independent, so we can plug them into any environment whether it be SharePoint 2013, 2016 or Online. The solution can be placed in a wsp, app or SPFX, as well as being deployed manually. Regardless of the environment, whatever you develop will have a clear upgrade path to the SPFX, to ensure the code isn’t thrown away when the client upgrades.
http://familygonesailing.com/2017/08/05/video-of-the-week-snorkeling-around-the-reef-in-fakarava/ These posts were written for SharePoint developers who are still working in 2007/2010/2013 environments, where their client is not ready or is currently trying to upgrade to 2013/2016/Online. These posts were created to give examples of the various ways to customize SharePoint.
SharePoint REST API
The gd-sprest library will help make the interaction with SharePoint a lot easier. It’s designed to helper developers who work in secure environments with little to no access to the server. It has many helper functions and gives a “Server-Side” development experience. The api documentation gives a list of the available endpoints. I would recommend looking at the helpers components
The Bootstrap Framework is a well known and matured framework used by many developers. The gd-sprest-bs library extends the Bootstrap Framework, allowing developers to quickly build solutions using Bootstrap components designed for SharePoint 2013/Online. This library contains jQuery, so migrating older SharePoint 2007/2010 solutions utilizing the same libraries should be easier convert.
The Microsoft Fabric UI React Framework. The Microsoft documentation is very useful to display what you can do with the Fabric components, but the code examples leave out references that the developer is required to know in order to actually use them in their projects. I created a github project to display more in-depth code examples of the Fabric UI components. Some of the examples on the Microsoft site have code references, which are not displayed.
SharePoint provides libraries and methods to customize existing components. JSLinks is a great example of how to easily customize list forms/views.
This post gives an overview of JSLinks, which were introduced in 2013. It can be used online, but you must set the list to be in “Classic” mode. This is a great customization for SharePoint 2013/Online (Classic), which has an upgrade to SharePoint Modern pages.
Modern Development Intro
It’s important to understand the modern web stack. I wrote some blog posts that go over react and redux. I recommend starting here to get a good intro to the modern web stack, office fabric-ui react framework and redux.
I do recommend learning both Angular and React, but chose to focus on React. I went down this route due to Microsoft selecting React as their selected choice with the Fabric UI. All of their component examples are written using the Fabric UI React Framework. This post gives an overview of my recommended architecture of the projects, and how we can develop them to easily plug into other solutions (App Model, SPFX, etc). The main goal of this post was also to give a basic introduction and explanation of webpack, babel and typescript. This information are the stepping stones to learning the SharePoint Framework, so this information will help you in the future.
This next post gives an introduction to Redux, and is a continuation of the “Intro to React” post. For more complex applications, it’s recommended to use Redux with React projects. The goal of this post is to give an example of building out components and how to connect them to the store. I try to give real-world examples, so hopefully after running through this post 3-5 times you’ll have a great grasp on how to develop real-world solutions.
SharePoint 2013 Solution Tutorials
This solution will demonstrate how to create a custom ribbon button in SharePoint 2013 or Online (Classic) pages.
- Learn how to install/uninstall custom actions to a web
- Learn how to utilize the core SharePoint Modal Dialog library
This solution will demonstrate how to create a configurable reusable webpart in SharePoint 2013.
First, we will generate a list using a configuration and display the data within a webpart. This is a common request from clients, so I wanted to provide a real-world basic example that can be built upon for more complext solutions. This base project is reusable by design, but can be designed to target specific lists based on requirements.
* Learn how to add/remove client-side webparts to/from the webpart gallery
* Learn how to create Bootstrap components in SharePoint
* Learn how to create a list item edit form
Next, we will upgrade the solution to a SPFx webpart.
* Learn how to create a SPFx webpart
* Learn how to develop against the developer workbench
At this point, if you made it through all of the posts then I congratulate you. You have the tools and knowledge to quickly deploy basic and advanced solutions into SharePoint 2013, while ensuring the code written can be transported into a SPFx solution. For additional training in SPFx, I recommend voitanos.
I hope these posts have been helpful. Please don’t forget to * the gd-sprest & gd-sprest-bs github projects 🙂