Let’s go! Learn SPFx Today! | SharePoint Framework for Beginners (SPFx) 2025 (Episode 1)

Let’s go! Learn SPFx Today! | SharePoint Framework for Beginners (SPFx) 2025 (Episode 1)

Introduction to Microsoft SharePoint Framework

Overview of the Series

  • The series aims to provide comprehensive knowledge about the Microsoft SharePoint framework, suitable for developers on both Mac and Windows.
  • It targets various skill levels, from plain JavaScript users to those familiar with frameworks like React or Vue.
  • New episodes will be released weekly, encouraging viewers to subscribe for updates.

What is the Microsoft SharePoint Framework?

  • Known as SPFX, it represents Microsoft's best practices for developing client-side solutions in SharePoint and Teams.
  • It allows safe interaction with SharePoint data (e.g., lists and profiles), ensuring that developed web parts are accepted by Microsoft upon deployment.

Top Reasons to Develop with SPFX

Key Advantages

  • Web parts created can function in both modern and classic SharePoint modes; however, a shift away from classic mode is encouraged by 2025.
  • Integration capabilities include powerful internal APIs such as Graph API for profile data and List API for list management.
  • Support exists for both online and on-premise versions of SharePoint (2016 & 2019), though this series focuses on online development.

Development Features

  • Web parts are inherently responsive, adapting automatically to user interface changes without manual layout adjustments.
  • Compatibility with popular JavaScript frameworks (primarily ReactJS in this series), allowing developers flexibility based on their preferences.

Modern Technologies Used in SPFX

Technical Foundations

  • Built using modern technologies like TypeScript for safer code practices, along with tools such as Gulp, Webpack, Yomen, and NodeJS which enhance development efficiency.

Confidence in Development

  • Notably, the SharePoint platform itself is built using SPFX; thus developers can trust that libraries will function correctly within this environment.

Deployment and Security Considerations

Deployment Ease

  • Deploying web parts through the app catalog simplifies the process compared to traditional app store deployments; it's primarily an upload-and-deploy scenario.

Security Model

  • The security model restrictively operates within the context of current users, preventing unauthorized backend access. This creates a low-risk environment conducive to safe development practices.

Upcoming Projects in the Series

Initial Web Parts Development

  • Two initial web parts will be developed: a welcome web part that greets users based on time of day and an FAQ web part displaying questions from a list in an accordion style format.

Future Episodes

  • Subsequent episodes will cover setting up development environments across platforms (Windows/Mac), building out features of web parts, packaging them, and uploading them to the app catalog.

SharePoint Development Insights

Overview of Experience

  • The speaker has over 20 years of experience as a SharePoint developer, witnessing its evolution from early development stages to the current client-side model.
  • Emphasizes a desire to share knowledge gained throughout their extensive career in SharePoint development.
  • Highlights the importance of continuous learning and sharing insights with others in the field.

Future Content Plans

  • Mentions that new episodes will be released weekly on Robert's DevTalk, indicating an ongoing commitment to providing valuable content for viewers.
Video description

#spfx #sharepoint #webpart Beginners guide to developing in the SharePoint Framework (SPFx) version 1.21 (2025). Whether you develop in Javascript or a Javascript framework such as ReactJS or VueJS, you will benefit from this weekly series. Source Code https://github.com/Yorcloud/spfx-2025 Chapters 0:00 Introduction 0:40 What is the Microsoft SharePoint Framework? 1:50 Top 10 Reasons to Use SPFx 5:28 What Are We Building? 6:32 Let’s Go! What's Next if you subscribe The next planned episodes are: 1. Setting up the Development Environment on Windows 10 and MacOS 2. Build your first out of the box webpart using Yeoman (Yo) Check out our new app Senty: https://senty.app - easily share links and text from your iPhone or iPad to your Windows PC by scanning a QR code once. No more messing with Bluetooth or account sign-ins. ☕️ Support us with a coffee! (Or.. beer 🍺) https://www.buymeacoffee.com/robertsdevtalk 📧 📫 Join us on our developer journey! Sign up to our email newsletter: https://robertsdevtalk.com 🐦 Follow us on Twitter: https://twitter.com/robertsdevtalk 🎶 Music by Epidemic Sound: https://www.epidemicsound.com/referral/rkhnun/ Icons in this video kindly provided by FlatIcon from Freepik https://www.freepik.com https://www.flaticon.com Disclaimer - some of our links are affiliate links, which means that we receive a small commission for any sales made via those links, at no extra cost to you - so a great way to support our channel! Thank you so much for your support 😊