J'ai commencé Vue en 2015 et je dois avouer qu'avec Vue 3, je partage entièrement ton analyse qui est juste sur tous les points — quand je passe de Next à Vue, j'ai toujours ces vieux réflexes de .value ou de décorateurs qui reviennent et je me dis: quelle perte de temps parfois. Il faut nous laisser le temps, à nous les contributeurs de Vue, d'améliorer le framework car nous avons toujours eu un temps de retard sur React, il faut l'avouer (force du nombre peut-être).

Je suis tes cours depuis des années et j'ai développé énormément d'app web.
Tellement reconnaissant.

Mouif enfin, quitter Vue pour aller sur du React c'est un peu comme quitter un étron pour prendre une bouse. Pour du travail propre, Angular reste la valeur sûre.

Bonjour ! Je me demande souvent comment faites vous pour apprendre autant de langage et surtout comment parvenez-vous à les maîtriser aussi bien ?

Je dirai tout de même que Vue est "mieux" que React dans la majorité des cas… plus pragmatique et plus complet OOTB. Pas essayé Svelte mais Vue / React ne m'ont pas posé suffisamment problème pour que j'ai envie de m'intéresser à YAJSF.

J'utilise Vue et React depuis quelques années. Pour Vue, je te rejoins totalement sur la perte de réactivité lors d'une déstructuration d'une ref/reactive, c'est agaçant, MAIS rapidement maîtrisable. Les autres points énumérés me paraissent très peu impactant. Je préfère aujourd'hui encore Vue à React. La maintenance sur les projets avec par exemple la gestion du store (très pratique avec Vue Composition API) me parait plus simple que React avec Redux où le côté synchrone est un peu gênant. En soit, il est juste question de préférence. React et Vue restent top 😉

J'avoue ne pas avoir compris l'intérêt de la composition API, perso j'utilise l'option API qui est top et j'arrive a faire ce que je veux sur tous mes projets

javascript est finito de toute facon, vive rust

Je souffre actuellement de ces problemes de VueJS XD

J'ai vu pas mal de personnes faire la remarque sur le Single File component. Moi j'utilise le plugin JSX de vue dans tous mes projets, cela me permet d'avoir une synthax comme suit:
type Todo = { id: number; content: string };
let todoId = 1;

export const TodoList = defineComponent(() => {
const newTodoContent = ref("");
const todos = ref<Todo[]>([]);

function addTodo() {
if (newTodoContent.value.length < 1) {
return;
}

todos.value.push({ id: todoId, content: newTodoContent.value });
newTodoContent.value = "";
todoId += 1;
}

return () => (
<div>
<div>
<input
type="text"
placeholder="new todo"
v-model={newTodoContent.value}
/>
<button onClick={addTodo}>Add todo</button>
</div>
<ul>
{todos.value.map((todo) => (
<TodoItem element={todo} />
))}
</ul>
</div>
);
});

const TodoItem = defineComponent({
props: { element: { type: Object as PropType<Todo>, required: true } },
setup(props) {
return () => (
<li onClick={() => console.log(`todo ${props.element.id} clicked`)}>
{props.element.content}
</li>
);
},
});

Certes, c'est une peu plus verbeux de declarer un composant qu'en react mais je m'en regale