Introduction to Vue3 - Building a Stop Watch Timer (with Composition API)

[gearmaxim]

I really enjoy working with vue, thanks for the video!

[karlstenator]

This is perfect timing! I'm both learning Vue 3 and building a hobby timing project for my running club. Most excellent. 🏆

[darialyphia]

Also if you want to conditionally render multiple elements, but don't want to wrap them in a div, you can wrap them in a <template> and add the v-if to it ! (this also works with v-for). It's really helpful

[hsider]

Pretty good demo of VueJs 👌 I would disable the buttons instead of hiding them. I've used Vuejs since it came out and still using it for most of my projects, the separation of JS and HTML made sense to me since I designed a lot of web pages in HTML and CSS so Vuejs makes it easy to add interactivity to those HTML templates without headache.

[chrisbolson]

I have recently been learning React and Vue (or Anglular) was next on my list.
This is the first video I have watched regarding View and, having seen your brief intro, I now I wish I had started with Fue before React - it looks so much simpler and closer to Vanilla JavaScript. I look forward to seeing more. Thanks!!

[oumardicko]

You can use objects with ref, when on property of you object changes, it will re-render. Unlike in react you don't need to create a new object using restructuring

[mrkanata]

good video. What is your vscode theme ?

[bughlinjo]

hello cody i just started learning react and i have a question. i have header and nav in seperate files and i want to import increment function in header. i can, t seem to do it. can you help me?

[damjandjordjevic]

What would happen if state wasn't a ref? I get confused when I should use a ref and when I shouldn't...

[piotrm]

I have a question, I did same app in React yesterday and i have a problem that when you switch to a different tab in your browser then your stopwatch stops. I read that its an optimization thing that browser does. Do you know how to get around this?

[kylebaker]

first lol keep up the great content cody!

[hanes]

I'm using vue which is nice, trying out Nuxt.

[agcodes]

what I learnt,
green light = vue
blue = react 😂

[oumardicko]

You could have used a computed value that will update the text depending on the state. And on single function which will do an action depending on the state too 🤔.
We would have violated the single responsibility principle but it works

[lebroncarmelo]

In my opinion vue has gradually declined

[darialyphia]

npm i @vueuse/core
vueuse ie too goated 😄