Blazor JavaScript Interop (Easy How To)

Adding JavaScript to a Blazor project.
Code Repo: github.com/CoderFoundry/Blazo...
Movie Site: cf-blazormovie.netlify.app/
-----------------------------------------------------------------
👨‍🏫 Self-Paced .NET Bootcamp Course (Includes FREE courses)
learn.coderfoundry.com/
🙌 Support the channel and become a channel member
/ @coderfoundry
📖 Buy the Book: Breaking the Code
geni.us/breakingthecode-davis
👕 Grab some CF merch
teespring.com/stores/coderfou...
🗣 Join us on Discord
​ / discord
👓 Buy the blue light blocking glasses we use at CF. Pixel Eyewear Glasses ($5 off with coupon code CODERFOUNDRY)
www.pixeleyewear.com/?ref=jsF...
💻 How to get your first coding job
coderfoundry.com/jobroadmap
🎥 The equipment we use at Coder Foundry
kit.co/CoderFoundry
DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, we’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for your support!

Пікірлер: 36

  • @100kghighkick9
    @100kghighkick94 ай бұрын

    Wow, I started developing 1.5 years ago and guys like you boost my progress so much, thx for your effort.🔥

  • @CoderFoundry

    @CoderFoundry

    4 ай бұрын

    Great to hear!

  • @iheanyichukwuaguwa6231
    @iheanyichukwuaguwa62315 ай бұрын

    Thanks for this. Blazor Js interop has always been a bit confusing until this video dropped. Thanks again

  • @CoderFoundry

    @CoderFoundry

    5 ай бұрын

    Glad to help!

  • @philmingo
    @philmingo2 ай бұрын

    Now this is how you explain stuff !! Thanks much!!

  • @CoderFoundry

    @CoderFoundry

    2 ай бұрын

    Glad to help!

  • @stevenvillarreal8970
    @stevenvillarreal89703 ай бұрын

    This is an awesome tutorial! Easy explanation with a great example 🙌!

  • @CoderFoundry

    @CoderFoundry

    3 ай бұрын

    Glad it was helpful!

  • @mateofernandez273
    @mateofernandez27329 күн бұрын

    very good, god gamer. This is the new meta

  • @Blazor77756
    @Blazor777565 ай бұрын

    Wow ,amaizing ,thank so much

  • @CoderFoundry

    @CoderFoundry

    5 ай бұрын

    I'm glad it helped.

  • @Blazor77756

    @Blazor77756

    5 ай бұрын

    @@CoderFoundry Can you give me a website link so I can design icons like yours?

  • @mhsn27mhsn10
    @mhsn27mhsn102 ай бұрын

    thank you

  • @CoderFoundry

    @CoderFoundry

    2 ай бұрын

    You're welcome

  • @cissemy
    @cissemy5 ай бұрын

    Blazor is powerful .

  • @CoderFoundry

    @CoderFoundry

    5 ай бұрын

    It really is.

  • @pixel7038
    @pixel70383 ай бұрын

    Does Microsoft ever plan on creating a synchronous version using js interop?

  • @10Totti
    @10Totti5 ай бұрын

    Best Tutorial thanks!

  • @CoderFoundry

    @CoderFoundry

    5 ай бұрын

    Glad it helped!

  • @wisnu7734
    @wisnu773411 күн бұрын

    Is it possible to implement this code in blazor ssr ??

  • @Cos3D
    @Cos3D3 ай бұрын

    is it possible to interop blazor with three js to upload/import a 3d obj file from blender that has animations?

  • @CoderFoundry

    @CoderFoundry

    3 ай бұрын

    Maybe. I would have to try.

  • @shjaaz4139
    @shjaaz41395 ай бұрын

    Hi dear, Can you do portfolio reviews live stream, ve been waiting for so long .. :((

  • @jaxongirrahimov7908
    @jaxongirrahimov79085 ай бұрын

    Do you think building CRM is also as effective as Bug Tracker?

  • @CoderFoundry

    @CoderFoundry

    5 ай бұрын

    I think it works well

  • @unskeptable
    @unskeptable3 ай бұрын

    Can a .net 8 web mvc project with jquery be updated to also use blazor ?

  • @CoderFoundry

    @CoderFoundry

    3 ай бұрын

    It's a rewrite. The architecture is different.

  • @Glockodile
    @Glockodile2 ай бұрын

    Hi, does this also work with blazor server?

  • @CoderFoundry

    @CoderFoundry

    2 ай бұрын

    It most cases. You cannot modify the dom with js because it clashes with blazor.

  • @OrekiBurd
    @OrekiBurd3 ай бұрын

    Does it not work with client components? The ones that uses [InteractiveAuto] specifically. It finds the js function from server components but gives an error saying something like "function not defined" when calling from client components that use [InteractiveAuto]

  • @CoderFoundry

    @CoderFoundry

    3 ай бұрын

    Interactive auto means the component can execute on the server and dom updates via siqnalr. It can also execute via wasm which executes on the client which uses interop.

  • @olamidejames7968
    @olamidejames79684 ай бұрын

    Hi, thanks for this. However, I find it difficult to work with existing javascript libraries. Do you have a video on how to work with external javascript libraries?

  • @CoderFoundry

    @CoderFoundry

    4 ай бұрын

    Which one?

  • @samjohnson5203

    @samjohnson5203

    4 ай бұрын

    Im looking to better understand the same. I'm doing a comparison of charting libraries such as Highcharts and Apache Echarts. There's likely something out there for Blazor already, given the popularity of those libraries. A video on going from JS to an Interop version for Blazor would be neat to see.