I would be curious to see a bigger application (esp. the file structure), and how you deal with modals (do you emit results as events w/data, or relay them in store? do you open/close a modal throu actions or imperatively via some .open method?) and forms - all in the most effective way.
Modus Create, Inc. sure thing man. We have to support people like you on here as much as possible because I’m not sure I could do the job I love without you and those like you.
Cool! Thank you! Little note: I feel like it could be speed up a little bit. I usually watch youtube on normal speed, but this time switched to 1.25 (but maybe that's too much)
Automatic inheritance of attributes is no longer happening in Vue 3. $attrs will now contain all non-prop attributes and non-emitted events without any extra work. What you really need is just v-bind="$attrs" and use $attrs to identify listeners. I hope that helps
Great question! I'll create a sample app and a video on Vue 3 SSR so make sure you're subscribed. Meanwhile, the compiler settings are all worked out through @vue/server-renderer, which makes it a nice and easy interface for SSR in Vue 3. More on that soon!
@@grgurgrisogono656 Thank you so much Grgur. I subscribed your channel, so that I can get notified about your new posts. Can't wait for the Vue3 SSR tutorial. 🤭
Great question. This depends on how you want to manage state. Composition API is only going to mature with time and we'll see where it takes us, but for now it's great for light state management. This will work even better with Providers. Don't worry, a video on that is coming up. Vuex is more robust. Vuex and composition don't have to cancel each other out. Try composition-only with a small sample project and see how it feels for you.
@Rose Drone Solutions, In that case, you'll have to import it on a parent component and use provide and inject to reuse the same reference in a child component. Would you like to learn more about that approach?
It's kind of sad that there's so much joy in getting basic reactivity working. ... :) That's a natural programming paradigm. Spreadsheets had it from the start. Somehow, us humans enjoy dealing with computers using an "assembly language" paradigm (do this - move that). Maybe it makes us feel superior, or it has to do with our tendency to micro manage, don't know. Reactivity at organisations could be the next frontier. Make it so!
This simplifies the class-like syntax and focused more functional-like programming style in a single place, which is the setup function. You can still use data if you'd like, but I find it more appealing to keep things in one place with solid type safety via Typescript
I recognize how that can be an issue, so thank you for reporting. We are working on adding human-edited subtitles. Automated CCs are never good enough, and we can't settle with mediocrity. I appreciate your patience until we start rolling out a better CC support
I strongly believe Vue 3 improves readability by introducing simplicity. It may take a little bit to get used to the new patterns, but when you look back to how you used to do things, I think you'll see how life got better
![Vue 3 Composition API Introduction [FULL TUTORIAL]](http://i.ytimg.com/vi/bwItFdPt-6M/mqdefault.jpg)
You’re really funny and a good explainer. Thanks for the video.
That means a lot to me, thank you so much!
Yeah very good explainer I agree
Great teacher out there. Thanks
You're very kind, thank you for supporting our channel 🙌
wow Clean understanding composition api and reactive api, and fun video
Thank you so much, that means a lot to me 😀
React Js without jsx . Interesting. Your explanation is awesome.
Thank you very much, sir. I appreciate your support 🙌
@@grgurgrisogono656 So kind keep the tutorials coming
I would be curious to see a bigger application (esp. the file structure), and how you deal with modals (do you emit results as events w/data, or relay them in store? do you open/close a modal throu actions or imperatively via some .open method?) and forms - all in the most effective way.
Thank you so much. Clear and...funny, you saved me so much time !
Thanks for watching!
Then my goal is achieved! Thank you for your support, Yves 🙌
Keep up the Vue 3 stuff. I'm sure I'll be needing it 👍
Will do! Thank you for subscribing to our channel 🤓
Modus Create, Inc. sure thing man. We have to support people like you on here as much as possible because I’m not sure I could do the job I love without you and those like you.
Really Good. Amazing Explanation
Very good video, you instantly motivated me to learn v3 today! thx
Great video!!
Many thanks!
@@grgurgrisogono656 please make more videos on Vue3. You explained really well. It helped in understanding. Thankyou!
Thank you , very interesting
I appreciate it, Adri
Wow, so amazing! LIKE👍
Thank you for your support!
Thank you so much, Aleksandr!
awesome !!!
❤️
Thx, you help me a lot !
Thanks for watching!
Hi,
Can you please also provide an example of how to manage state while user authentication in Vue 3 ?
Zep, i like your style 👍
Thanks @Code4Func! =)
Thanks! This is super cool!
Much appreciated, Roy!
Great Video! PS: Which font you are using in VSCode?
Hi Aykut, thank you very much :) I use Operator Mono Book with ligatures. I hope that helps ;)
@@grgurgrisogono656 Thanks 👍
I subbed for more vue 3 things :D
Thanks! More stuff coming up for you!
Nice to watch.. Would be great to have the code too, as in part 3 I have an error..computed () => ...may be something changed in between.
Hi Werner, Thank you for the feedback dude! Do you have a GitHub repo link we could review? :)
Cool! Thank you! Little note: I feel like it could be speed up a little bit. I usually watch youtube on normal speed, but this time switched to 1.25 (but maybe that's too much)
I appreciate that feedback! Thank you for helping us get better at this 😉
Loved it!
awesome
Thanks a lot .........
Adim adim guzel bir ornek olmus.
讲的很生动，通俗易懂
Use .number on the v-model
You're right, that's a more appropriate way to bind numbers
amazing video tutorials and a fanny guy :)
gives below error
error The `$listeners` is deprecated vue/no-deprecated-dollar-listeners-api
help me in resolving
Automatic inheritance of attributes is no longer happening in Vue 3. $attrs will now contain all non-prop attributes and non-emitted events without any extra work. What you really need is just v-bind="$attrs" and use $attrs to identify listeners. I hope that helps
Sir,can i get the whole vue3 code on github?
Hi Grgur.
It's announced that Vue.js itself supports SSR.
How can I set compiler settings for server side rendering?
Great question! I'll create a sample app and a video on Vue 3 SSR so make sure you're subscribed. Meanwhile, the compiler settings are all worked out through @vue/server-renderer, which makes it a nice and easy interface for SSR in Vue 3. More on that soon!
@@grgurgrisogono656 Thank you so much Grgur.
I subscribed your channel, so that I can get notified about your new posts.
Can't wait for the Vue3 SSR tutorial. 🤭
@@aitohideki1947 Hideki san, is this on track of what you wanted to see? twitter.com/ggrgur/status/1291025504171102208?s=20
let result = computed(() => num1 + num2)
Hi, I'm pretty newbie in vue. Does it works as a replacement for vuex at some point?
Great question. This depends on how you want to manage state. Composition API is only going to mature with time and we'll see where it takes us, but for now it's great for light state management. This will work even better with Providers. Don't worry, a video on that is coming up.
Vuex is more robust. Vuex and composition don't have to cancel each other out. Try composition-only with a small sample project and see how it feels for you.
@Rose Drone Solutions That's great feedback, thank you! I'll work on a Vuex-related content for you!
@Rose Drone Solutions, In that case, you'll have to import it on a parent component and use provide and inject to reuse the same reference in a child component. Would you like to learn more about that approach?
Dark day for Vue with this lack of direction. Great tutorial though haha
It's kind of sad that there's so much joy in getting basic reactivity working. ... :) That's a natural programming paradigm. Spreadsheets had it from the start. Somehow, us humans enjoy dealing with computers using an "assembly language" paradigm (do this - move that). Maybe it makes us feel superior, or it has to do with our tendency to micro manage, don't know. Reactivity at organisations could be the next frontier. Make it so!
Would this replace data?
This simplifies the class-like syntax and focused more functional-like programming style in a single place, which is the setup function. You can still use data if you'd like, but I find it more appealing to keep things in one place with solid type safety via Typescript
It feels like React.
i have the same impression
个人还是很喜欢Class风格，但是this不能很好的推导类型，总是找不到一个完美的方案
this guy is too fanny .keep going bro
no *CLOSED CAPTIONS* 😞👎
I recognize how that can be an issue, so thank you for reporting. We are working on adding human-edited subtitles. Automated CCs are never good enough, and we can't settle with mediocrity. I appreciate your patience until we start rolling out a better CC support
apparently, vuex is gonna die with these new awesome features
I'm a bit disappointed and excited. Hopefully, readability isnt an issue in Vue 3.
I strongly believe Vue 3 improves readability by introducing simplicity. It may take a little bit to get used to the new patterns, but when you look back to how you used to do things, I think you'll see how life got better