Rägnar O'ock
Rägnar O'ock
PostsComments
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
might be that
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
what do you mean ?
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
(you might also wantto replace that v-on:click by @click
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
could use a bit of // #region in the script to group up the related stuff, but overall it's good
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
avoid using disabled on buttons, it's bad for a11y (it's as if you had display: none on it) use aria-disabled="true" instead. other than that it's nice
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
https://codepen.io/pen/editor/vue
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
just... use the provided template...
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
'cause the whole code is encoded in it
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
it's a personal taste, but I like using simple quotes '' in JS/TS and double quotes "" with HTML for this exact reason
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
no magic happening here
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
yeah, it's just a function call
41 replies
KPCKevin Powell - Community
Created by the_paras on 4/30/2025 in #help
What does this JavaScript do?
looks like you don't know JS too well, so you might want to use no JS at all for this. You can do so by using the <details> and <summary> elements and adding name attribute to the <details> elements to group them up. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/details
7 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
no in the sens that one is the component's usageand the other is the component's definition
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
yes in the sense that both use destructuring
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
well... yes and no
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
yeah
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
(and you should avoid using id= in components unless you need some outside code to access it, it will cause problems if you get to reuse your component)
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
tho, for readability I would advise you to do something like : 
 <CoreConcept
  v-for="{image, title, description} in CORE_CONCEPTS"
  :key="title"
  :image
  :title
  :description
/>
 <CoreConcept
  v-for="{image, title, description} in CORE_CONCEPTS"
  :key="title"
  :image
  :title
  :description
/>
that way it's both easier to see what is in CORE_CONCEPTS and you don't risk having weird error when you add something else in your data.js or rename something
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
hum, you've found yourself in one of the very few instances where v-bind: can be usefull...
41 replies
KPCKevin Powell - Community
Created by CDL on 4/30/2025 in #help
React -> Vue Comparison
what does data.js look like ?
41 replies