Modern App Development with the SharePoint Framework
Download as PPTX, PDF1 like412 views
This document discusses building SharePoint Framework (SPFx) client-side web parts using modern tools and frameworks. It covers using tools like Yeoman and Gulp to scaffold, build, and deploy SPFx solutions built with React and Fabric components. The session objectives are to discuss SPFx issues and contributions on GitHub and Dev.office.com, and to learn how to package and deploy SPFx solutions to SharePoint. The document promotes networking with other SharePoint professionals after the session at a local bar.
Modern App Development with the SharePoint Framework
- 2. • Session objectives: • Session takeaways:
- 5. Submit/discuss SPFx Issues Community Contributions http://github.com/sharepoint http://dev.office.com/sharepoint
- 7. Same as web parts you’re used to. Built for the modern, JavaScript-driven web. Runs directly inside a SharePoint Page.
- 13. Fabric React Robust, up-to-date components built with the React framework. Fabric JS Simple, visuals- focused components that you can extend, rework, and build on. ngFabric Community-driven project to build components for Angular-based apps. Fabric iOS Native Swift colors, type ramp, and components for building iOS apps.
- 14. • cmder (optional) • Editor (Visual Studio Code, etc.) • Node.js
- 15. • Yeoman • Gulp • SharePoint Scaffolding
- 26. todo.spapp Package as an client-side solution Developer yo @microsoft/sharepoint gulp –ship gulp bundle --ship gulp package-solution --ship gulp deploy-azure-storage Available to SharePoint Sites Tenant Admin Tenant App Catalog ApprovedDeliver the package to upload, trust and deploy the package to Install/Uninstall app Site Admin Page Authors Add Configure Todo Web Part End Users Interact
- 27. • Web Stack Tooling • JavaScript Framework(s) • UI Development
- 28. • Waldek Mastykarz’s Blog https://blog.mastykarz.nl/ • Github https://github.com/sharepoint
- 30. Thanks to our Sponsors!!!
- 31. Join us at #SharePint at World of Beer of Reston in the Towncenter just across the bridge Why? To network with fellow SharePoint professionals What? SharePint!!! When? 4:45 PM Where? World of Beer Reston 1888 Explorer Street Reston, VA 20190
Editor's Notes
- #11: Yeoman is another Node.js-based tool that allows you to quickly scaffold a project. npm - a package manager similar to NuGet – comes with Node.js Gulp is a task-runner based on Node.js. Webpack is module bundler that can be used in a number of ways including being called from Gulp tasks. SASS – SystemJS – TypeScript – superset of JavaScript