Let’s go! Learn SPFx Today! FULL TUTORIAL | SharePoint Framework for Beginners (SPFx) 2021 E20

Опубликовано: 01 Сентябрь 2021
на канале: Roberts Dev Talk

5,076

#spfx #sharepoint #webpart

EPISODE 20! SharePoint Framework ENDGAME

Beginners guide to developing in the SharePoint Framework (SPFx) version 1.12.1 FULL TUTORIAL

In this episode we take all of our knowledge from the previous 19 episodes in the series and create a ReactJS webpart using Hooks, PnP Properties and List Access, and make sure the webpart responds to theme changes, is built and deployed.

In this one episode you will go from Zero to Hero, and build a commercial quality webpart, ready for deployment.

The video is quite fast paced, so if you want to dig deeper, please see the other episodes in the series

Source Code

https://github.com/Yorcloud/spfx-epis...

Links

NVM:

Windows: https://github.com/coreybutler/nvm-wi...
Mac: https://github.com/nvm-sh/nvm

Visual Studio Code:

https://code.visualstudio.com

PnP Controls

https://pnp.github.io/sp-dev-fx-prope...

Icons

https://developer.microsoft.com/en-us...

Chapters

0:00 Introduction
1:30 Development Environment 1.12.1
4:10 ReactJS Webpart
6:50 Read and Write to Lists
15:28 Properties
20:22 Theme Changes
23:04 Build and Deploy
24:20 Conclusion

☕️ Don't forget, old developers need coffee (and.. beer and pizza too 🍺 🍕)
https://www.buymeacoffee.com/Robertsd...

📧 📫 Join us on our developer journey! Sign up to our email newsletter:
https://robertsdevtalk.com

🐦 Follow us on Twitter:
/ robertsdevtalk

🎶 Music by Epidemic Sound:
https://www.epidemicsound.com/referra...

Our gear - click through to support our channel! :)

Camera (Canon M50)
🇬🇧 UK: https://amzn.to/3sUbzuL
🇺🇸 US: https://amzn.to/3uBsG5c

Camera mic (RODE VideoMic Pro)
🇬🇧 UK: https://amzn.to/3ml8xgC
🇺🇸 US: https://amzn.to/2RkGxyi

Camera tripod (Manfrotto Compact tripod):
🇬🇧 UK: https://amzn.to/3fJGyWU
🇺🇸 US: https://amzn.to/3mF4oV2

Voiceover Mic (Blue Yeti)
🇬🇧 UK: https://amzn.to/2PV7UOQ
🇺🇸 US: https://amzn.to/3uMiEym

Chris's dev mouse for PC (Logitech MX Master 3)
🇬🇧 UK: https://amzn.to/39K7BNV
🇺🇸 US: https://amzn.to/3uKYvso

Chris's dev keyboard for PC (Logitech MX Keys)
🇬🇧 UK: https://amzn.to/3rSbHcX
🇺🇸 US: https://amzn.to/3a6Unef

Rob's dev keyboard for Mac (Apple Magic Keyboard)
🇬🇧 UK: https://amzn.to/3dEQpKG
🇺🇸 US: https://amzn.to/3sb6JZc

Rob's dev mouse for Mac (Apple Magic Mouse)
🇬🇧 UK: https://amzn.to/3sRCQhr
🇺🇸 US: https://amzn.to/3mFi6qS

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 😊