A modular approach to building large-scale apps with Vue by Kunal Varma - Kunal Varma

Поділитися
Вставка
  • Опубліковано 1 вер 2019
  • Introduction
    Anatomy of a typical Vue app
    To Type(script) or not to (Type)script
    An ode to Modularity
    Foundation will set you free
    Injection is good
    The things we do for Async
    O Convention, where art thou
    It only gets bigger
    Patterns to the rescue
    To err is Human
    End
    Kunal is an early Vue adopter (when v-for was v-repeat) and an ardent evangelist of Vue. He is notorious for his dark humor, and pulling pranks on his peers. Amongst other things, he is the co-founder and CTO of ClearGlass Analytics.
  • Наука та технологія

КОМЕНТАРІ • 27

  • @edmartian
    @edmartian 3 роки тому +5

    This is literally gold for me right now. Thank you very much.

  • @abiekebede3161
    @abiekebede3161 4 роки тому +19

    This is probably the only video that explains Vue modular architecture. It would have been great if it had git repo or code samples. Please make one

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

      Now we have another one: ua-cam.com/video/iuyzO2QkY7A/v-deo.html

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

      Unfortunately it doesn't go far enough. You can go way, way further in modularing your vue apps by having them as separate apps completely.

  • @hocahaenyi745
    @hocahaenyi745 4 роки тому +2

    Most direct, and practical session on modular architecture with vue

  • @pratikrane149
    @pratikrane149 3 роки тому +4

    This is the type of content I pay my internet bill for. The whole talk was insightful, the presentation hooked me till the end. Thank you for sharing such valuable information, Kunal. 🙌

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

    Great material, big fan of this pattern abd only recently started adding a wrapper component for each module.
    It just makes sense. Thanks for sharing.

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

    Such good talk and practical too. 👍

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

    Awesome, thanks man

  • @rajikkali2381
    @rajikkali2381 3 роки тому +1

    This only works if your backend developer understands what you are trying to do, or if you're using GraphQL. Otherwise, they'll make an API that only calls what is specifically needed on those pages as they reference design files. This is all fun and good, but not necessary feasible in many companies / work structures.

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

    great approach 👏👏👏

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

    Very good !

  • @andresinostrozavalenzuela3588
    @andresinostrozavalenzuela3588 4 роки тому +3

    Such a good video mate, it was so useful to decide what kind of architecture I'm gonna use, do you have a repo as example with code?

  • @CarlosAlberto-os6eb
    @CarlosAlberto-os6eb 2 роки тому +1

    What if I need some component from another module?

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

    subtitles please :)

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

    please provide a skeleton of app using modular approach if possible

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

    Is the demo source code available publicly? what is the git repo URL?

  • @playbookapp3231
    @playbookapp3231 3 роки тому +1

    Could you share the git codebase

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

    dear reader, I am looking for vue architecture videos that you have found helpful such as this if have stumbled upon one please tag me in the comment or reply to this comment with the link

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

      Here you are: ua-cam.com/video/iuyzO2QkY7A/v-deo.html

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

      @@marinakaryukova6231 Thank you very much

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

    Anglur way

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

    not bad not good

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

    const phrase = 'Only and only if'
    phrase.slice(5)
    const correctPhrase = 'if ' + phrase
    console.log('result ' + correctPhrase)
    result: 'If and only if'