Advanced Vue: Create a Crypto Price Tracker Using Web Components

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 32

  • @ProgramWithErik
    @ProgramWithErik  2 года назад

    🚨 Are you stuck on code, or your career? Get mentored by me! - 1 Week Free Trial - mentorcruise.com/mentor/erikhanchett/

  • @GoldenAce908X
    @GoldenAce908X 2 года назад

    ever since notion came out with an api, been waiting for a way to beef up my workspaces with my own widgets made in vue. this makes everything SOOOO much easier.

  • @namaefumei
    @namaefumei 2 года назад

    Learning Vite 2 Vue 3 and TS.
    This is a great source thanks Erik!

  • @jaymartinez311
    @jaymartinez311 2 года назад

    You’ve been on fire 🔥 lately. This is my goto vue channel. Can’t wait when you drop a full course. I didn’t even know you could type reactive({} as Whatever) I never thought to do that. Have a great day!

  • @rajikkali2381
    @rajikkali2381 2 года назад +2

    If you know how to use Vue, it starts @50:32

  • @amirhoseinarmantaheri7029
    @amirhoseinarmantaheri7029 9 месяцев назад

    i have a small question:
    if i wanna use my web component which is created by vue 3 in a third party website (website may uses any version of vue or not at all)
    and the question:
    is it possible to face vue version conflict between my web component vue version and the third party website vue version ?

  • @hohlovich
    @hohlovich Год назад

    is there a way to run it without importing and calling register function?

  • @amirtorabi3978
    @amirtorabi3978 Год назад

    Thanks for your video,I have question about using libraries like vuetify inside web component,Is it possible?

    • @ProgramWithErik
      @ProgramWithErik  Год назад

      Yes, absolutely

    • @amirtorabi3978
      @amirtorabi3978 Год назад

      @@ProgramWithErik i have not found any useful sources about implementing vueitfy inside of a wrb component created by Vue 3, Could you please make a video about it?

  • @dumpling6440
    @dumpling6440 2 года назад

    so if I have two repo then can I use the second as a custom component and get it in this new one??

  • @Interpaul81
    @Interpaul81 Год назад

    How would you include Vue manually, if you had a lot of small web components that don't include Vue in the build?

  • @Farbfilmstudio
    @Farbfilmstudio 2 года назад

    Is this also posible with vue cli and vue 3.2?

  • @matiusnugroho9138
    @matiusnugroho9138 2 года назад +1

    Hei can you make a tutorial for converting current vue codebase to a SSR?

  • @PrzemysawFieluba
    @PrzemysawFieluba 2 года назад

    I also used that feature. And solve css by just use as one import from separate file. Also i prefer to build component as one big js, so ites easier to import (manualChunks:undefined). And finally if You use composition api with vue 3 in separate files (store like), be careful because state is same for all components. Means that if You use same components(tags) few times on page state at this point is not scoped to component and it will be shared.

  • @виртуоз_ру
    @виртуоз_ру 2 года назад

    Thanks. Everything is cool!

  • @boomkin21
    @boomkin21 2 года назад

    Thanks for this video, I have one question, how can I include an external library to my exported library like Oruga for example? How can i do something similar with
    createApp(App)
    .use(Oruga, bulmaConfig)
    .mount('#app')
    on defineCustomElement or ustomElements.define ?

  • @siskoDE
    @siskoDE 2 года назад

    Can i also do Thais all in a Nuxt.js App?

  • @AtleMagnussen
    @AtleMagnussen 2 года назад

    My question is what about shadow DOM when creating web components with vue?
    Since your styles inside the main custom element applied to the other custom elements I guess shadow DOM was not in use in your scenario.

  • @syiana2194
    @syiana2194 2 года назад

    Does someone know which extension does the autocomepletion ?

  • @FloodGold
    @FloodGold 2 года назад

    I've become a big fan of your videos and love that you're now doing crypto.
    I noticed the github links aren't for this example so can you update them? No worries if not, I'll just code it myself but thought it would save a bit of time.

  • @graphicdesignandwebsolutio365
    @graphicdesignandwebsolutio365 2 года назад +1

    Well, since it seems you have acquired a taste for crypto, I'm going to pass your videos around the ETH community. We support those who support us...

  • @marlonlevy
    @marlonlevy 2 года назад

    Nice coding walkthrough

  • @QuanLe-fx3wt
    @QuanLe-fx3wt 2 года назад +1

    How to use a UI library in the web component, can anyone help me? Pls :((

  • @heyyy4987
    @heyyy4987 2 года назад

    Nice

  • @RichellyItalo
    @RichellyItalo 2 года назад

    What's this theme? Please

  • @ukaszzbrozek6470
    @ukaszzbrozek6470 2 года назад

    Interesting but downloading all vue to the app for one component is problematic.

  • @wahomemutahi1008
    @wahomemutahi1008 2 года назад

    Awesoome

  • @mattmess1221
    @mattmess1221 2 года назад

    Allow me to flex my vanilla js knowledge.
    Object.assign(eth, ethValue);