Design Principles of Vue 3.0 by Evan You

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

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

  • @VueConfToronto
    @VueConfToronto  4 года назад +2

    Find all conference videos here: vuetoronto.com/videos
    Signup for conference updates here: vuetoronto.com
    Want to learn Vue 3.0 from the experts? bit.ly/2v8QALV

    • @zahedbri
      @zahedbri 4 года назад

      Hi Evan, I really enjoy making apps and web contents with vue js framework and library.
      The T shirt with VUE look nice! How could I get one😀

    • @omgnowairly
      @omgnowairly 3 года назад

      The videos link no longer works. Only a header at the top with a hidden (mouse over the text) link back to RUclips brings you to them.

  • @--Arthur
    @--Arthur 4 года назад +423

    Vue is so easy that anyone could do it. Evan You.

  • @kblyr
    @kblyr 3 года назад +28

    This guy is a gift to the front-end devs

  • @longshot789
    @longshot789 4 года назад +23

    The depth of though and care put into Vue is just awesome. I'm not suggesting it isn't present in other/all frameworks. I'm just glad it is present in the framework I use the most.

  • @flameddd
    @flameddd 4 года назад +42

    (I am a senior reactjs develop)
    I think this "Documented solutions for common problems (44:45)" is real big problem when dev reactjs (especially for junior).
    Great talk, learn a lot for me.

  • @levizjaperdije8499
    @levizjaperdije8499 3 года назад +8

    I started with Angular, now i am in LOVE with Vue,
    Ooh i meant You

  • @nguyendaric9920
    @nguyendaric9920 4 года назад +21

    I love how honest he is, I also learnt a lot of the mistakes he pointed out and have many new ideas in mind.
    Great framework.

  • @hankoiba9032
    @hankoiba9032 3 года назад +16

    my dream is to master Vuejs to the point of being able to help you guys developing it ..

  • @pahvalrehljkov
    @pahvalrehljkov 4 года назад +4

    i just randomly started watching about vue, my first choice was react, im just learning web languages and i need a framework to master, hour or so of researching into vue, and vue3 esp, i fell in love with the simplicity, community, Evan You too... :)

  • @spongechameleon6940
    @spongechameleon6940 4 года назад +3

    This talk gave me a lot of context on how SPAs work! Really love Evan's attitude too. Vue baby

  • @okiedokiecookie
    @okiedokiecookie 4 года назад +7

    Hands off to Vue for its simplicity.

  • @raycDev
    @raycDev 3 года назад +2

    - Vue 的設計理念是給不同背景的角色(包括工程師、設計師,甚至沒有很大預算聘請工程師維護專案的創業家),提供在開發上能夠用更簡單的方式開發和維護的包容性框架(inclusive framework)。
    - Vue 的 option API 已夠直觀,不過在專案過於複雜時,組建中不同的項目(data, method, watcher)會被分的更開,這時可搭配第三版推出的 Composition API 做整理。
    - Composition API 可以與 Option API 一起使用,例如使用 Composition API 重寫、合併組件之間的共用邏輯。
    - Vue 3 使用 TypeScript 建構是為了提高維護性和更好的類型,大體上,在模組化開發時,使用 TypeScript 或 JavaScript 看起來會差不多;甚至在使用 JavaScript 進行 import 開發時,IDE 也能顯示 API 提示,免除需要額外閱讀文檔,這是 JS 從 TS 受益的部分。
    - 有些人喜歡使用 template 表現視圖,而也些人則喜歡使用 JSX 表現(或是像後端、iOS、Android 開發不需要處理 HTML),Vue3 允許開發上使用兩種視圖表現方式。
    - Vue3 的視圖更新採主動靜態提升,每次的更新做一次檢查,而不是對整個模板檢查,達到快速高效的更新和虛擬 DOM 的靈活性。
    - 使用 Vue3 進行開發比以往更能依需求導入要用到的功能,編譯器也做到更好的 Tree-shake。
    - Vue 的分層設計方式讓使用者有漸進式學系路徑和更低的學習成本。

  • @peripona
    @peripona 4 года назад +4

    This finally brings me to give vue serious consideration.

  •  3 года назад +3

    Missed pun opportunity on the Luis Vuetton part

  • @shuttereff3ct593
    @shuttereff3ct593 4 года назад +23

    Great framework for starting dev career.

    • @ciaokid2104
      @ciaokid2104 4 года назад +5

      No. Best framework for *starting* a dev career is VanillaJS. Later, when you understand the fundamentals, you can advance. At least in my opinion.

    • @shuttereff3ct593
      @shuttereff3ct593 4 года назад

      @@ciaokid2104 I can partially agree. To me; I think a Dev shouldn't master the vanilla but can learn the basics then cut some corners using Vue.

  • @m3po22
    @m3po22 4 года назад +16

    The number one reason I am grateful for angular is that it introduced me to typescript. The second is that an introduced me to rxjs.

    • @tucq88
      @tucq88 4 года назад +4

      damn, so i'm not the only one.

    • @jincyquones
      @jincyquones 4 года назад +3

      Same here! I now mostly use Vue but still use Typescript and RxJS, both of which Angular 2 introduced me to.

  • @mikul3122
    @mikul3122 4 года назад +9

    I'm very glad I chose Vue as the first component framework to pick up. It was easy to learn with great documentation and a logical setup process, and I learned many component-based principles that I can apply to other component frameworks. I believe at some point down the road Vue will overtake React and Angular in terms of usage.

  • @stefanbogdanovic590
    @stefanbogdanovic590 4 года назад +36

    I can't wait for TS support, because nowadays TS support for Vue is the worst out of 3 frameworks.

    • @MrChickenpoulet
      @MrChickenpoulet 4 года назад +4

      Oh yes that's true ! I still use the vue-class-component with typescript but yeah that's not amazing :/
      However vuex with typescript is quite ok I must say.
      Indeed I'm waiting for the release of V3 to have a clean typescript project !

    • @stefanbogdanovic590
      @stefanbogdanovic590 4 года назад

      @@MrChickenpoulet absolutely.

    • @CuriousSpy
      @CuriousSpy 4 года назад

      try vue-tsx-support

    • @blackwhattack
      @blackwhattack 4 года назад +1

      No. Better than React.

    • @stefanbogdanovic590
      @stefanbogdanovic590 4 года назад

      @@blackwhattack React TSX compiler catches errors fastest compare to other 2 frameworks. And yea thing I also miss in Vue TS it doesn't complain when I pass wrong custom prop Interface with some fields before going to browser, that will be nice to see. Hope Vue Core team is reading this if soo respond or give a like.

  • @anthoniG
    @anthoniG 4 года назад +3

    I am looking into using Vue with a language called Dart (developed by Google and used in their mobile framework Flutter). They already have developed AngularDart, but I have found a DartVue binding and takeing that for a spin.

  • @m3po22
    @m3po22 4 года назад +7

    25:00 virtual dom, jsx vs templates, svelte

  • @ssl2928
    @ssl2928 4 года назад +17

    Switching from Angular to Vue, why right now I feel like React is the hardest one to get used to

    • @shirshak6738
      @shirshak6738 4 года назад +8

      react is easier than vue.

    • @ssl2928
      @ssl2928 4 года назад

      @@shirshak6738 does react have template like vue have? Or I have to use JSX?

    • @clintonnzedimma7501
      @clintonnzedimma7501 4 года назад +4

      Zy Mao jsx

    • @LenCommu
      @LenCommu 4 года назад +28

      @@shirshak6738 First time I heard that.

    • @mikeylovespizza4012
      @mikeylovespizza4012 4 года назад +5

      Vuejs is like the earlier version of angular, which was what I loved about it. ReactJS seems more difficult to learn based on what I’ve compared.

  • @hifijohn
    @hifijohn 21 день назад

    Vue with You.

  • @khoroshoigra8388
    @khoroshoigra8388 4 года назад +6

    Next i will study for Nuxt, I love product of VUE :)

  • @omgnowairly
    @omgnowairly 3 года назад

    Sadly, the link for slides no longer works.

  • @MikeHurtado-cb4lc
    @MikeHurtado-cb4lc 4 года назад +1

    When out?

  • @MrJloa
    @MrJloa 3 года назад +1

    Why do u always talk about vue bundle size?
    23kb or 50kb - it really doesn't matter at all. For example in our production build, we have to use echarts. That package gzipped, minified is 304.5kb...

  • @MaxCoplan
    @MaxCoplan 4 года назад

    Something I'm confused about is he mentions a few times during the talk about things that they've written in TypeScript, but looking at the GitHub repo I don't see anything in TypeScript. I'm assuming they're not transpiling before committing

    • @pdcx
      @pdcx 4 года назад

      check the vue-next repo

  • @MattClimbs
    @MattClimbs 3 года назад

    The link to the slides is broken. Does anyone have an alternative?

  • @ezwalduzumaki3161
    @ezwalduzumaki3161 4 года назад +1

    Amazing Talk, as a react enthusiatist, as someone who admires React being easy and so awesome. I am very excited for vue, I plan on digging deep into MERN stack, learn testing, typescript, graphql and firebase. My goal for this year is also too have a deep understanding of javascript itself. I also plan on learning dart and flutter, in order to have the ability in my hands to devleop cross platform apps, wether that be freelancing or doing something for myself aswell as for a job. then afterwards i would love to dive into vue 3, perhaps towards winter when everything is relatively stable and people have courses on it on udemy, like max, stephen etc.

  • @JoseManuelLopezHernandez
    @JoseManuelLopezHernandez 3 года назад

    Mucha información en poco tiempo, increíble.

  • @creative-commons-videos
    @creative-commons-videos 4 года назад +1

    any plan to support mobile app development officially ? there is vue native but still not official :)

    • @samuelmorkbednarzkepler
      @samuelmorkbednarzkepler 4 года назад +1

      PWA support is official. Just use that. Its the future of mobile development anyway

  • @corneliushuang1308
    @corneliushuang1308 4 года назад +1

    I love this video

  • @Shakeel_4hamed
    @Shakeel_4hamed 4 года назад +1

    I love vue js waiting vue 3

  • @rahul_bali
    @rahul_bali 4 года назад

    why vs code? isn't it affected by microsoft monopoly?

  • @mrwho2513
    @mrwho2513 4 года назад

    Evan You built Vue

  • @mdashraful5231
    @mdashraful5231 4 года назад

    How to hide api keys from vue.js build version?

  • @PaulSebastianM
    @PaulSebastianM 4 года назад +5

    When is TS vs Js going to become a non-issue?

    • @thebirdhasbeencharged
      @thebirdhasbeencharged 4 года назад

      Maybe ES2030 lol, these things take time. We are only where we are today due in some part to stuff like CoffeeScript, JQuery etc. Slowly but surely. Even old crusty php is gearing up.

    • @thebirdhasbeencharged
      @thebirdhasbeencharged 4 года назад

      @@okie9025 I used to say that too and I still believe that to an extent but the gist of the matter is it's not for you, it's for the people who will come after.

    • @Ilhtilior
      @Ilhtilior 4 года назад +2

      @@okie9025 you might think that and be right about project owned by only one person or at least a small team that won't ever change. But as soon as you enter the "real" world where people will shift around, teams being bigger than 4 people you will understand that typing is very very helpful

    • @eflat__major
      @eflat__major 4 года назад

      @@okie9025 I used to agree with you, for many many years but I have finally seen the light. I will be using TS a lot more now.

    • @patricktolosa6457
      @patricktolosa6457 4 года назад

      TS helps in really big, complex projects. since TS is just a superset of JS, you can sprinkle whatever types you feel comfortable with. big projects suffer when there's no type hinting.

  • @johnstorm589
    @johnstorm589 4 года назад +1

    good job!

  • @航拍广州-w1e
    @航拍广州-w1e 4 года назад

    Great talk!

  • @Anonymousg64
    @Anonymousg64 4 года назад +1

    charts:
    docs.google.com/spreadsheets/d/1D6Dc1X7jmlWY9bvLFfv7GJ5hQmQiu0FsjepmTLEw784/edit#gid=1253638379
    i couldn't figure out the other spreadsheet url:
    docs.google.com/spreadsheets/d/1VJFx-kQ4KjJmnpDXlEaig-cVAAJtpiGLZNbv3Lr4CR0/edit

  • @iznasen
    @iznasen 4 года назад +1

    Yo!, Thank you You!

  • @1lence_kick
    @1lence_kick 4 года назад

    Evan's old?

  • @vidyatheerthan
    @vidyatheerthan 3 года назад +2

    if you learn vue from evan you, even you can be like you!

  • @okiedokiecookie
    @okiedokiecookie 4 года назад

    While the development is exciting sometimes javascript no longer works on browser without NodeJS. tsk-tsk-tsk

    • @pratikrane149
      @pratikrane149 4 года назад

      Doesn't browser comes with its own engine for running js, like V8 engine in chrome?

    • @okiedokiecookie
      @okiedokiecookie 4 года назад

      @@pratikrane149 Yes javascript runs but not all node javascript are intended for the browser as I understand.
      It's just a bit frustrating sometimes searching for javascript libraries and you end up a mixture of browser based and node js.

    • @pratikrane149
      @pratikrane149 4 года назад

      @@okiedokiecookie Agreed, it is one of the challenge that comes while working in JavaScript.

  • @elgs1980
    @elgs1980 4 года назад +5

    For some people, there's TypeScript, why would I use Javascript, for others, there's Javascript, why would I use TypeScript.

    • @krush0905
      @krush0905 4 года назад +2

      Once go typed, never go back

    • @rumble1925
      @rumble1925 3 года назад

      ​@@depression_isnt_real It's very hard to change code in vanilla JS when a project grows to a certain size. It's not clear what goes wrong in other parts of the app when you change a few functions around. So basically, there's less things I need to keep track of and consider while working in typescript because I can trust the type system.
      This effect is even better in more strict typed languages reasonml or elm on the frontend.

  • @Danielo515
    @Danielo515 4 года назад +2

    Sorry for telling you Evan, but even without typescript vscode is able to get the same info from JSDocs

    • @CYBERxxxTURBO
      @CYBERxxxTURBO 4 года назад +1

      For sure, but it's cheaper to do it with TS

    • @Danielo515
      @Danielo515 4 года назад

      @@CYBERxxxTURBO true

    • @djchrisi
      @djchrisi 4 года назад +2

      I bet he knows that.

    • @Danielo515
      @Danielo515 4 года назад

      @@djchrisi sure he knows, so he also knows he should not advertise that as a typescript only feature

    • @eflat__major
      @eflat__major 4 года назад +1

      It's not the same, JSDocs can only give you so much. TS does way more.

  • @mateuszmasek4636
    @mateuszmasek4636 4 года назад +12

    Evan me?

  • @0xBerto
    @0xBerto 4 года назад +2

    Quick check at 5 min. Hit like on this comment if you’re that backend person wanting to build the front end for your project thingy, hahah

  • @edenwu9621
    @edenwu9621 4 года назад

    🥳

  • @chenhonzhou
    @chenhonzhou 4 года назад

    学不懂系列

    • @kid1412621
      @kid1412621 4 года назад

      不是学不动吗?

  • @ShanyGolan
    @ShanyGolan 4 года назад +1

    ELM is better!

  • @KhalifaShahrozeKhan
    @KhalifaShahrozeKhan 3 года назад

    kindly make documentaion of your website in urdu language also as soon as possible .and read holy book quran i suggested to you it will help you after the death

  • @deojefflai6826
    @deojefflai6826 4 года назад +1

    First! n00bs!

  • @xxXAsuraXxx
    @xxXAsuraXxx 4 года назад

    Man react is the future