Build a webpart in VUEJS, REACT & Javascript | SharePoint Framework for Beginners (SPFx) 2021 E04

Поділитися
Вставка
  • Опубліковано 29 вер 2024

КОМЕНТАРІ • 18

  • @TYNEPUNK
    @TYNEPUNK 21 день тому +1

    you dont really explain why you are making 3 versions?

    • @RDT
      @RDT  8 днів тому +1

      Good point, it was just to illustrate based on people’s preferred frameworks

  • @esoliveira90
    @esoliveira90 10 місяців тому

    Hello everyone!
    I'm trying to use AlertReactJs.module.scss in my AlertReactJs.module.scss.tsx. But I can't associate it to get the style. I wouldn't want to resort to an external css. Can you help me?

  • @CHAMONIX552
    @CHAMONIX552 9 місяців тому +1

    Thanks for your video. I am new to SPFX, are Typescript and React JS pre-requisite before working on SPFX?

    • @RDT
      @RDT  9 місяців тому

      Yes they are. That’s how Microsoft have wired it all up, thanks for your support of the channel

  • @kodekorp2064
    @kodekorp2064 3 роки тому +2

    the option for "@pnp/spfx" is no longer available.

    • @RDT
      @RDT  3 роки тому

      Do you mean @pnp/sp www.npmjs.com/package/@pnp/sp or the generator, the latest version is here pnp.github.io/generator-spfx/
      Don’t forget, when you try to add a webpart it will look for the hidden file yo.rc.JSON in the folder above, creat a new folder to test

    • @DandragonDe
      @DandragonDe 3 роки тому

      ​@@RDT i think he means that it only supports verson 1.11.0 and with the release of 1.12.0 the pnp generator throws alot of errors(?)
      Atleast its the case on my end 😅 so if there is something i miss i would really appreciate the help

  • @TheFunkBros
    @TheFunkBros Рік тому +1

    while this may have worked last year I'm getting several errors now... and when I ran Yoeman it had several errors and took a very long time

    • @RDT
      @RDT  Рік тому

      Thanks for your support Barney. You need an update tutorial I have done here: SharePoint Framework and PnP Full Tutorial
      ua-cam.com/play/PLGWG_rRY_j4N8pHW9m17m_QnWu79R_8Zr.html

    • @TheFunkBros
      @TheFunkBros Рік тому

      @@RDT thanks but I develop using Vuejs not ReactJs. Don't want to switch just for SharePoint programming. I've since learned that Pnp isn't interested in upgrading to Vuejs 3.x

  • @liman11
    @liman11 2 роки тому +1

    Hello! Thank you for your helpful video! I have been able to create Vue app and open it in Visual Studio Code but when I run gulp serve, browser cannot read anything since there is 'enter-your-sharepoint-site/_layouts/workbench.aspx' as a path (the web is unreachable). My Vue app is on my local laptop and I need to deploy/run it on SharePoint on Premise and also on Sharepoint Online. How should I proceed here, please?

    • @RDT
      @RDT  2 роки тому +1

      Thanks for your comment. The local workbench is no longer supported
      See video here: ua-cam.com/video/NDcUu_i03H0/v-deo.html
      You will need an online account, see video here: ua-cam.com/video/2zFYhbpYv-Q/v-deo.html
      And finally for on premise I would recommend this video: ua-cam.com/video/b7jZqy0Ozpg/v-deo.html
      Hope it helps
      Rob

    • @liman11
      @liman11 2 роки тому

      @@RDT Thank you, Rob! I was able to create the dev environment according to the videos you advised me :) but still don't know how to deploy it to SP on-premise. Do you know a video or article where it is described, please?

  • @2007pradipta
    @2007pradipta 3 роки тому

    grt job..what will be the different in between Microsoft template vs PNP-spfx template ? just that pnp support multiple library like React/Viue by default or some other difference.

    • @RDT
      @RDT  3 роки тому +2

      Thank you Pradipta. I use it for scaffolding vueJS, but I might do a deep dive video comparing the differences as I am not 100% sure myself. I know the PnP templates are community driven so constantly being updated. Let me do some investigation and I will update this comment and perhaps make a quick video, thanks for the kind comment. Update, more info here: pnp.github.io/generator-spfx/features/

  • @Pause4Code
    @Pause4Code 2 роки тому +1

    I am getting an error everytime I try to use yo @pnp/spfx. Can you help me ?

    • @RDT
      @RDT  2 роки тому

      Do you mean installing the library, you need
      Npm i @pnp/spfx -save