Let's Build a SharePoint Framework SPFX Webpart

Рет қаралды 20,142

5 жыл бұрын

In this episode, Chino demonstrates how to setup your SharePoint Framework development environment then takes you through building your first SPFX web part and deploying it to your Office 365 tenant.
Watch my other videos in this series -
Let's Build a SharePoint Framework SPFX Webpart - • Let's Build a SharePoi...
Display SharePoint List Items in a SPFX Web Part - • Display SharePoint Lis...

Пікірлер: 54

@ramitkishoresaha9437 4 жыл бұрын

This was awesome! Waiting for the next episode. :)

@ChinoDoesStuff 4 жыл бұрын

Hey Ramit... Next SPFx video is now up! kzfaq.info/get/bejne/lduHjLZysKrdcX0.html

@AKKolla 2 жыл бұрын

I’m not a SP developer but an SP admin. I needed to learn the concept and your video help me do that. Keep doing the great work. Will follow along.

@ChinoDoesStuff 2 жыл бұрын

Glad it helped!

@RDT 3 жыл бұрын

Great video!

@brenopimentellucena 4 жыл бұрын

Great presentation, thanks a lot!

@ChinoDoesStuff 4 жыл бұрын

You're very welcome!

@sobohomar 3 жыл бұрын

Excellent, thank you. Waiting for the next session.

@ChinoDoesStuff 3 жыл бұрын

More to come!

@richardfrith266 4 жыл бұрын

Very nice demo, this has always been a grey area for me, hard to find out where to start, you've certainly broken the ice for me, many thanks!

@ChinoDoesStuff 4 жыл бұрын

Hey Richard.. yes it was for me too until I did a little research into it... I was terrified at first when Microsoft removed the script editor webpart for modern sites as it was always my go to for building single page apps...

@monthalay 3 жыл бұрын

Thanks for your video. I enjoyed watching it as it was at a good pace. Wonder if you could do a video on custom css in SPFX?

@ChinoDoesStuff 3 жыл бұрын

Hey Monty...remember SPfx is just a way to customise the SharePoint Online experience using client side code...I haven't done a huge amount of experimenting but my guess is most custom / UI frameworks should work just fine...take a look at uikit or something in that vein and try to add it to your SPfx project. Would love to hear how you how!

@fapfapfap26 2 жыл бұрын

3:33 if you have already everything installed

@ChinoDoesStuff 2 жыл бұрын

Cheers!

@PreciousPinedaBinas 4 жыл бұрын

excellent video

@ChinoDoesStuff 4 жыл бұрын

Thanks! Make sure you watch my follow up video on SPfx!

@TheUnprofessionalPhotographer 4 жыл бұрын

Great work. Can you upload a video as mentioned for creating a form and adding it to list to create an item and retrieve the data and display it on the form.

@ChinoDoesStuff 4 жыл бұрын

Thanks Aravind!.. I promise to get a video out on this subject soon.. I have noticed a lot of interest in SPFX lately :)

@kmuralikrishna1582 Жыл бұрын

Really Appreciate... I have a question can we develop a webpart to get sp list items under no javascript frame ? Or When we interact with sp we definitely have to use react js or if any ?

@safayatzisan 4 жыл бұрын

Good job. Was looking for it for a while. Is there any next part available till now?

@ChinoDoesStuff 4 жыл бұрын

Cheer Safayat! I was originally planning a follow-up to this video but as it didn't really get many views at the start I put it on the shelf for a later time.. it seems like lately this video is becoming a little more popular so I will definitely revisit it soon.. any suggestions on what you'd like to see covered in that video?

@yekularaja630 4 жыл бұрын

Nice Demo

@ChinoDoesStuff 4 жыл бұрын

Cheers Yekula... Check out my second SPFx video I recently published. This one is on SPFx webparts and SharePoint list data! - kzfaq.info/get/bejne/lduHjLZysKrdcX0.html.

@mwendzina 4 жыл бұрын

Hi there, thanks for the tutorial. I'm having an issue in that when I go to `App Catalog>Apps for Sharepoint` there is no 'New' or 'Upload' options to actually add a new webpart. Do you know if perhaps the interface has changed recently, or perhaps it's because I don't have the correct adminstration level?

@ChinoDoesStuff 4 жыл бұрын

Hi there Matthew.. it's sounds like perhaps you don't have the correct permissions? Do you have a development tenant set up that you can test on?

@mwendzina 4 жыл бұрын

@@ChinoDoesStuff Perhaps... I'm actually brand new to Sharepoint so not sure exactly what the 'tenant' terminology refers to, but I'm assuming the tenant is the host or owner. I have been given admin rights to Sharepoint by the owner/host/tenant and am able to create custom sites etc... I do wonder whether it's because someone has already created an App Catalog and set themselves as an admin. From all tutorials it appears that when you go to App Catalog the first time you have to set one up. When I App Catalog from the Sharepoint Admin page it takes me straight through to the app catalog, from which I can select 'apps for sharepoint'. This gets me to the screen where I would expect to see the 'new' option or an ability to upload, but there is no such options.

@ChinoDoesStuff 4 жыл бұрын

Hi Matthew .I actually meant a o365 tenant...as a developer you can get a free 12 month subscription to office365 that you basically can do.whatever you like in..it includes SharePoint!

@mwendzina 4 жыл бұрын

@@ChinoDoesStuff ah okay I see. That's very helpful to know! Thanks = )

@user-fm5cf9ep1j 3 жыл бұрын

Thank you for gooood video! Is there any book or website to learn more about SPFX for developing sharepoint? I really hope to get some information about it.

@ChinoDoesStuff 3 жыл бұрын

You could start with my other SPfx videos! Thanks for watching and your support! Getting started with SPfx SharePoint Framework: kzfaq.info/sun/PLigUSEg68OHdyvYHCgCULLywGhj6PAt5j

@quinttin2488 2 жыл бұрын

How i can create a list with userpermission. You can see the documentsname , the user, the group type and the permission level to the document. And show this with in the site collection

@MrSurfsAlot 2 жыл бұрын

have to set proxy for npm config in the beginning if you have a proxy set up

@ChinoDoesStuff 2 жыл бұрын

cool

@MrSurfsAlot 2 жыл бұрын

@@ChinoDoesStuff I'm actually having a problem here I can't get it to work

@MrSurfsAlot 2 жыл бұрын

@@ChinoDoesStuff I can't get my NPM proxy settings to work with my organization I'm stuck, when I do anything with NPM it gets stuck on the ideal tree and stops

@ChinoDoesStuff 2 жыл бұрын

@@MrSurfsAlot Unfortunately, I don't think I can help you with that.. Maybe speak to your IT dept in your organisation?

@Anomadeus1 Жыл бұрын

Great video, However it is ludicrous that you should need all these programs to create a web part. Its starting to seem like its "Developer Theater" then over all requirements.

@RahatGabaofficial 3 жыл бұрын

Please make a video to make a web part for modern script editor.

@ChinoDoesStuff 3 жыл бұрын

Could you explain in a bit more detail what you are looking for?

@mingv4151 3 жыл бұрын

Can I assume this custom web part can be added to a classic web part page in a modern site?

@ChinoDoesStuff 2 жыл бұрын

Not sure if this is possible.

@germanantognetti2557 3 жыл бұрын

You have to move the vs code window on the middle of the screen, the youtube bar cut off all the commands in there. i cannot see the commands

@ChinoDoesStuff 3 жыл бұрын

My apologies. Hopefully you were still able to follow along.

@sarbasov 3 жыл бұрын

Is this a classic or modern web part being developed?

@ChinoDoesStuff 3 жыл бұрын

It's an SPfx webpart! :)

@mannutomar 3 жыл бұрын

The commands written need a binoculars to see them..🙄 Anyway it was helpful 👍

@ChinoDoesStuff 3 жыл бұрын

Try a telescope next time ...

@csv1971 Жыл бұрын

Hi Interesting. Is it possible to make a chat / comments web part... With email notifications when a new comments have been added.... And the notification will have a link to the SharePoint page where the web part exist?

@ChinoDoesStuff Жыл бұрын

Definitely possible...sounds like a nice use case, you should give it a go!

@csv1971 Жыл бұрын

@@ChinoDoesStuff Good to know... But i can't do it. Do you know anybody that would be able to develop something like this. Maybe as a paid project?

@ChinoDoesStuff Жыл бұрын

Sorry, can't really help there.. maybe check if there are any FB groups catering to such requests.