Mastering SharePoint Framework Code Refresh + New React Hooks Sample
Late last week, I wrapped up refreshing the student code downloads for the Fundamentals & Ultimate bundles of my Mastering the SharePoint Framework course to SPFx v1.12.1, built from scratch + bonus demo in the React chapter showing how to use React Hooks!
Late last week, I wrapped up refreshing the student code downloads for the Fundamentals & Ultimate bundles of my Mastering the SharePoint Framework course. You can download the resources from the links provided on each course bundle’s respective chapter list page once you sign in to your Voitanos course library.
What’s included in this refresh?
The most significant part of this update is that all projects have been updated to SPFx v1.12.1, the current version of the SharePoint Framework.
When I usually refresh the download, I upgrade the existing projects. The downside of this approach is that sometimes, old stuff makes it through to the new projects, like old files and folders (ie: typings). However in this refresh, I recreated each project from scratch using SPFx v1.12.1.
New React Hooks sample!
I also added a new demo to the React chapter in the Fundamentals bundle: React Hooks! The original Apollo Mission Viewer sample in that chapter used the traditional class-style (aka: Higher Order Component, or HOC) of building React apps.
You’ll notice a new project in the download with “hooks” in the name. In this sample, I took the original project and rebuilt it using the preferred React Hooks way of building React apps. Using this approach, you can see a side-by-side difference of a React HOC vs. React Hooks implementation of the same project.
What’s next with the Mastering the SharePoint Framework course?
With the course’s download refresh complete, I can finally start working on a big refresh I’ve been planning for the course.
This refresh will modernize the course and demos as some topics need to be updated to reflect the current state of the SharePoint Framework & developer tooling. Sign up for our mailing list to get details on this upcoming refresh!