90 mins to Learn SPFx Essentials my Getting Started Video | E003

Подписаться 22 тыс.

Просмотров 10 тыс.

50% 1

SPFx could be a very steep learning curve. In this video I share all of my tips and tricks on how to get started with custom SharePoint web parts quickly.
? Subscribe to SPClassroom SharePoint and o365 videos - www.youtube.co...
SPClassroom is a collection of sharepoint developer tutorials for SharePoint 2013, SP2016, SharePoint Online, office365, and SPFx SharePoint Developer's Framework, with a focus on training videos for Power Users, Developers, and SharePoint Architects.
Find More SharePoint Developer Tutorial, o365 Development Training, and SharePoint Training Videos here:
RU-vid: / clardo11
LinkedIn: / deshonclark
Facebook: / spclassroom
Twitter: / spclassroom
Website: spclassroom.com
Snapchat: deshon.clark

Опубликовано:

8 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 57

@CDSends Год назад

I can't believe this is the only video on RU-vid that shows the very basic structure of creating/connecting a webpart to a list/document library. This video is a tremendous help to someone looking to get started in SPFx. Now I just need a video that further explains what all this extra pre-generated stuff is exactly. For now... Google. Thank you again, you're an excellent teacher!

@DeShonClark Год назад

awesome, so glad you found this helpful! All of that "pre-generated stuff" is super overhwhelming. To date, I have no idea on what everything does and why it is needed. Once I find myself in the src folder to where I can create web parts, modules, and all of my interfaces, I just live there. SPFx was very intimidating for me. I had to fight hard to finally get comfortable with it, as the learning curve was steep and I needed to learn so much tech at one time (GIT, CMD switched, Yeoman, Gulp, React, ES6, get use to Visual Code (.vs Studio), JavaScript in general, project structures, best design with interfaces, modules, and web parts, how to bake in re-useability, async calls in JS, creating reusable async base functions, and so on). Here's the other kicker, once I spent the many weekends (and pots of coffee) to learn it, today, I rarely use it :-(. Back in the day we had to customize EVERYTHING to make SharePoint look decent and useable, but with the rich OOB web parts in modern SharePoint, that need has dropped by over 95%. In the end, a very good skill to know, you may have to "create projects" to stay fluent, but unfortunately the need for custom web parts is not as great as it used to be

@NickyNose 3 года назад

Whenever I think I reached my knowledge limits in M365, I watch your videos and I'm back in the game. Inspirational videos DeShon.

@DeShonClark 3 года назад

I appreciate you! Thanks for the feedback

@richardpepple6039 2 года назад

I was just feeling the exact same way and saw your comment

@christophschmalisch537 2 года назад

Great tutorial. Exactly what I needed to start with the "spfx react typescript"- devolopment!!

@Mark-nm9sm Год назад

First off hats off , amazing tutorial , theres not much content out there for spfx and most of it garbanzo. You however made it so fun to watch and also straight to the point. At 1:16:29 the default export syntax is ok and used a lot , mainly you would want to not use it if you have mutliple exports from the same file but when we export a component, we want to use default export which doesnt use curly braces so that we can specify that this is infact the react component and not some random function or something else

@DeShonClark Год назад

Thank you for watching Thank you for the feedback as well. I will take a look at this I was not an expert at react in general, so tips like this really helps me

@RushAustin Год назад

Fantastic stuff! Great walkthrough with plenty of details but doesn't get bogged down.

@DeShonClark Год назад

Thank you, I appreciate the feedback

@aricwilliamsdeveloper 2 года назад

alright! i have arrived im new to this SPFx dev... thank for explaining things and using the proper names for everything... even though i don't know what your talking about, I will go research it

@aricwilliamsdeveloper 2 года назад

well when I actually got the chance to sit down and pay attention... I do understand most of what you're talking about...

@DeShonClark 2 года назад

awesome...thanks for watching...so sorry for the late reply

@durgasekaran8658 2 года назад

Good and clear explanation.. Thank you! could you please share the best practices of SPFX development in terms of performance?

@DeShonClark 2 года назад

Will do soon

@mikeyjt66 3 года назад

This is a great tutorial. Thanks DeShon, always really impressed by your work.

@DeShonClark 3 года назад

Thanks for watching

@sujithnambiar6899 3 года назад

This is such a great tutorial for getting started with spfx. Thanks a lot DeShon. Would appreciate if you can show how to handle forms too in the future with validations etc.Thanks!!

@DeShonClark 3 года назад

Thanks for watching....I'll see if I can put something together...plan to do CRUD samples as well

@mzonerz 3 года назад

@@DeShonClark Looking forward for it :)

@richardpepple6039 2 года назад

Thanks for the amazing content DeShon

@DeShonClark 2 года назад

My pleasure!

@CHAMONIX552 2 месяца назад

Can't believe I sat through the whole session with a few very short stops only. The best part of this video is not copying and pasting the code already works, DeShon typed the code and fixed the errors along the way. That is the best way to learn. Thanks for taking 90 minutes, rather than 30 minutes. One question is the link property you used at line 47 of App.tsx file at 55:31, what is it? it is not in the props of quicklinkbyList.

@edwardmunns1158 3 года назад

Great tutorial. Learnt a lot. Thanks.

@DeShonClark 3 года назад

thanks for watching Edward!

@swaminawale7386 2 года назад

Your explanation is Great✌😊 Can we use Axios to make calls to Sharepoint? or SPHTTPCLIENT is must. I tried to access lists using Axios in SharePoint. Like I've 18 lists and using Axios I tried to get details like Title, GUID, Items count in a table. It works fine but sometimes I get React minification error. I used UseState hooks for this

@DeShonClark 2 года назад

I'm not that familiar with Axios nor the error. sorry

@MuhammadAdnan2.0 3 года назад

well done sir i'm beginner in spfx developement ,,, u got new subscbr ,,,,

@DeShonClark 3 года назад

Awesome! Welcome to the family

@MuhammadAdnan2.0 3 года назад

@@DeShonClark please go with plan Js no framework for beginners...

@MuhammadAdnan2.0 3 года назад

@@DeShonClark use vanilla js or jQuery

@mehboobakram5170 Год назад

Hi there, I'm new to SPFx so my doubt could be silly for you. Anyways, these SPFx solutions can be used to build massive web parts like "Home" and "Admin" where we will change the web part information of data in admin page and it will directly reflect to the Home(actual visible for the customer) web part? Like this the non technical guy can also change the data in home just by going to admin page of that particular home page and do the changes?

@DeShonClark 11 месяцев назад

Yes, you can virtually create anything. A couple of things to clarify...home and admin are not flexible to use your own custom web parts...but you can create your own page and recreate that same functionality on the home/admin screen...I highly recommend against it... cause you will custom build 98% of the oob functionality just to get that 2% missing feature. With that said...what are you missing? What's driving you to add custom feature to those areas?

@1Cloudus 3 года назад

"If you hear the word Redux, Run!"

@bryanstark324 2 года назад

Hi DeShon, are all SPFx web parts now made using VScode and React or do people still make it with C# code?

@DeShonClark 2 года назад

hey Bryan...all VSCode (React, or handlebars, or Angular). It took me a while to convert from C# to angular...it was extremely steep curve, but doable. stick with it...and once it "clicks" you're off to the races.

@shubhambichke9254 2 года назад

Sir, Can u pls tell me what is prerequisites apart from react to be good in spfx development with react

@DeShonClark 2 года назад

there is so much to unpack in the SPFx web part development. The learning curve is steep, but with much practice you can be very good at it. I have 16 years of SharePoint development, but that does not help a lot with SPFx, as everything is way different than previous versions of SP. I would say learning React is biggest piece, and then SHarePoint api and then MS Graph API. Once you have the fundamentals down with calling restAPIs, processing the JSON, and using Fluent UI to display the results....you're 90% there

@LAXMIKANT1992 2 года назад

What will you recommend for forms : SPFx or Powerapps?

@DeShonClark 2 года назад

Definitely start with Power Apps, unless licensing gets in the way or it's a very complex form.

@MuhammadAdnan2.0 2 года назад

Hello sir create a separate playlist for spfx development with no JavaScript framework , pls 🙏 request thanks... How to fetch list columns with user input.....

@DeShonClark 2 года назад

how are you?

@MuhammadAdnan2.0 2 года назад

I'm good n u ?

@selvakumar-uh6fk 3 года назад

Can you please upload 7week Powerapps course? RU-vid just notified your video..

@DeShonClark 3 года назад

I'll see what I can do

@richardpepple6039 2 года назад

To select everything just "$select=File/*&$expand=File"

@DeShonClark 2 года назад

nice!

@dbrown2380 2 года назад

Hi, Do I need to learn sharepoint development first and then learn SPFx?

@aricwilliamsdeveloper 2 года назад

SPFx is the framework of SharePoint. SPFx = SharePoint development

@aricwilliamsdeveloper 2 года назад

udemy = Mastering SharePoint Framework SPFx Development

@aricwilliamsdeveloper 2 года назад

hey feel free to partner up to learn this thing!

@DeShonClark 2 года назад

SPFx is not as strong of a need as it use to be, due to the featured rich OOB web parts. If you are new to the SharePoint platform as a professional, I would highly recommend mastering the Power Platform first (Power Apps, Power Automate, and then Power BI)...these will add magnitudes of value to any organization vs. SPFx

@aricwilliamsdeveloper 2 года назад

@@DeShonClark alrighty... That is exactly what I will be doing for the next couple months!! Thanks 👍

@axelspieth6746 2 года назад

Hi I ran in the problem the the function _getQuickLinks() in the QuickLinksbyList.tsx producese an error: Promises must be awaited, end with a call to .catch, end with a call to .then with a rejection handler or be explicitly marked as ignored with the `void` operator.eslint@typescript-eslint/no-floating-promises What has to be changed ?

@DeShonClark 11 месяцев назад

I'm serious...run it thru chatGPT 4