I did the self-learning from few various blogs, Udemy and Pluralsight. Based on my lesson learned, here I have listed out few links, which will help you to prepare the SharePoint Framework related technologies.
As a SharePoint developer, easily we can adopt TypeScript, since it has a similar features like Class, Interface, Inheritance, etc.
And don’t forget, Microsoft is building the SharePoint Framework using TypeScript. But it is optional.
What is Office UI Fabric?
For Angular application development, we will use Bootstrap for branding and Angular UI Bootstrap for UI components. When we build the responsive SharePoint sites, we will use Bootstrap and it is not easy to integrate with SharePoint.
Similar to Angular UI Bootstrap, Microsoft is developing UI components called Office UI Fabric, which will work seamlessly across Office Add-ins, SharePoint Online and SharePoint On-premises.
Andrew Connell has created the open source project for Angular 1.x Components for Office UI fabric.
Since Microsoft is developing a SharePoint Framework using ReactJs and Office UI fabric, I hope that, we can expect the similar components for ReactJs.
Which is the right Front-end technologies for SharePoint Framework development?
Microsoft has clearly mentioned in their key notes, they are building the framework and it is related samples using KnockoutJs and ReactJs with Typescript. Since it is an open-source based development model, choosing the framework/technologies are completely our choices, based on our knowledge and requirements. Here I have listed out a few front-end technologies.
- Angular 1.x - https://angularjs.org/
- Angular 2 - https://angular.io/
- ReactJs - https://facebook.github.io/react/
- KnockoutJs - http://knockoutjs.com/
- Ember.Js - http://emberjs.com/
- Backbone.Js - http://backbonejs.org/
- Aurelia.io - http://aurelia.io/
If you are new comer to front-end development then, you can choose either Angular or ReactJs.
Video Tutorials for both Angular and React
Build Automations - Gulp or Webpack?
For my experience, Gulp task is best for Angular based application development and Webpack is suitable for React.Js based development.
In the coming series, I will provide the step by step walk-though for build automation.
In-Person or Live Online Training
As a SharePoint developer, we need to update the various skills to extend our expertise to modern SharePoint development. Suppose if you are looking for in-person or online live training from experts then, you can follow the below link to catch them.
In the next post, we will see that how to install and configure Node.Js and NPM in Windows.