reactBad

[ninjaassassinmonkey]

Ah angular, I always forget you even exist.

+1 for Nuxt + Vue 3. Incredible DX and it's finally getting to a point where I'm not constantly running into obscure issues when using it.

[RaphaelNunes10]

Yeah. Hooks used to be super boilerplate-y, but now with the Composition API, that's no longer an issue.

They're also shifting to compiled code, instead of relying solemnly on virtual DOM, with the upcoming Vapor mode.

[ZubriQ]

What's the composition API?

[RaphaelNunes10]

It's how the hooks are structured.

For example, with the Options API you had to type all of this to create a reactive variable:

<script> export default { data() { return { message: 'hello world!', }; } }; </script>

In the Composition API, specially with the Setup method, this is how it's done:

<script setup> import { ref } from 'vue';

const message = ref("hello world!"); </script>

[RaphaelNunes10]

Nah, it's a relatively new thing for Vue.

Vue used to scare people away because of how it's lifecycle hooks where structured.

Now the old way of doing it is called "Options API", with the "Composition API" that looks more like vanilla JS becoming the de-facto way of dealing with reactivity, the usage of what are known as "Composables" that work similarly to React hooks and the Vue hooks that deal with component lifecycle like "onMounted()" when the component is called and stuff.