Design Principles of Vue 3.0 by Evan You
Vložit
- čas přidán 5. 07. 2024
- Evan You talks about the design philosophies or principles behind the changes that are coming in Vue 3.0 at VueConf Toronto 2019.
Slides: vuetoronto.com/videos/design-...
Want to learn Vue 3.0 from the experts? vueschool.io/?friend=vuetoronto - Věda a technologie
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
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😀
The videos link no longer works. Only a header at the top with a hidden (mouse over the text) link back to CZcams brings you to them.
Vue is so easy that anyone could do it. Evan You.
bruv
Bruh
bruh
Bruh
I cracked up LOL
This guy is a gift to the front-end devs
(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.
I started with Angular, now i am in LOVE with Vue,
Ooh i meant You
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.
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.
my dream is to master Vuejs to the point of being able to help you guys developing it ..
This talk gave me a lot of context on how SPAs work! Really love Evan's attitude too. Vue baby
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... :)
This finally brings me to give vue serious consideration.
- 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 的分層設計方式讓使用者有漸進式學系路徑和更低的學習成本。
Hands off to Vue for its simplicity.
Hats off. Hats.
Mucha información en poco tiempo, increíble.
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.
damn, so i'm not the only one.
Same here! I now mostly use Vue but still use Typescript and RxJS, both of which Angular 2 introduced me to.
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.
25:00 virtual dom, jsx vs templates, svelte
When out?
I love vue js waiting vue 3
I can't wait for TS support, because nowadays TS support for Vue is the worst out of 3 frameworks.
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 !
@@MrChickenpoulet absolutely.
try vue-tsx-support
No. Better than React.
@@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.
Great talk!
Great framework for starting dev career.
No. Best framework for *starting* a dev career is VanillaJS. Later, when you understand the fundamentals, you can advance. At least in my opinion.
@@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.
Missed pun opportunity on the Luis Vuetton part
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.
I love this video
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.
uf... google sucks -.-
good job!
How to hide api keys from vue.js build version?
Evan You built Vue
Next i will study for Nuxt, I love product of VUE :)
me too :)
and i use ts
Have a look at Quasar Framework ❤️
The link to the slides is broken. Does anyone have an alternative?
Yo!, Thank you You!
any plan to support mobile app development officially ? there is vue native but still not official :)
PWA support is official. Just use that. Its the future of mobile development anyway
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
check the vue-next repo
Switching from Angular to Vue, why right now I feel like React is the hardest one to get used to
react is easier than vue.
@@shirshak6738 does react have template like vue have? Or I have to use JSX?
Zy Mao jsx
@@shirshak6738 First time I heard that.
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.
why vs code? isn't it affected by microsoft monopoly?
Sadly, the link for slides no longer works.
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
🥳
When is TS vs Js going to become a non-issue?
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.
@@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.
@@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
@@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.
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.
Evan's old?
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...
if you learn vue from evan you, even you can be like you!
While the development is exciting sometimes javascript no longer works on browser without NodeJS. tsk-tsk-tsk
Doesn't browser comes with its own engine for running js, like V8 engine in chrome?
@@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.
@@okiedokiecookie Agreed, it is one of the challenge that comes while working in JavaScript.
For some people, there's TypeScript, why would I use Javascript, for others, there's Javascript, why would I use TypeScript.
Once go typed, never go back
@@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.
Evan me?
No, Evan him
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
Sorry for telling you Evan, but even without typescript vscode is able to get the same info from JSDocs
For sure, but it's cheaper to do it with TS
@@CYBERxxxTURBO true
I bet he knows that.
@@djchrisi sure he knows, so he also knows he should not advertise that as a typescript only feature
It's not the same, JSDocs can only give you so much. TS does way more.
This talk is such a "deja vu" of the earlier Angular and React conferences trying to persuade developers to buy-in on typescript and other useless framework features. The only developer community I would like to belong to is where the tool (or library) makers keep things simple and provide high quality documentation. This has been so far the case with Vue but as soon as I sniff that Vue is becoming another "complicated" framework I'm going to jump boat to a simpler tool. These days I consider Angular and React to be "anti-gravity pens" and Vue is still the "pencil". So, keep it simple and honest guys.
1. Typescript is actually what big javascript projects needed. Saying it's useless simply means you are inexperienced with it.
2 Vue 3 solves a lot of annoyances that Vue 2 had. People usually say a library improving means it's immature. But there is no library in history that did not have growing pains. Also Vue's learning curve is simpler than react and angular. Not only my experience, it's just the general consensus.
3. Angular and React is older than Vue, so a lot of people see it as the 'pencil'. But you can build the same performant app in any one of them.
One is not better than another, it all solves the same problems. You simply use the one you feel more comfortable in. There's no competition.
学不懂系列
不是学不动吗？
ELM is better!
First! n00bs!
Go Gur! XD
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
Man react is the future