Vue가 React로 바뀌고 있나요? (솔직히 혼란스럽습니다.)

저는 오랫동안 Vue의 열렬한 팬이었습니다. 처음 사용하기 시작했을 때, 특히 제가 씨름했던 React 프로젝트와 비교할 때 단순함이 신선한 공기를 마셨던 것으로 기억합니다. Vue 2에는 접근하기 쉽고, 간단하며, 개발자가 프레임워크 자체가 아닌 애플리케이션에 집중할 수 있도록 한다는 명확한 철학이 있는 것처럼 느껴졌습니다.

근데 최근에는 Vue 3에 더 많은 시간을 보내고 있는데 솔직히요? 좀 혼란스러워요. 나는 매우 익숙하면서도 좋지 않은 방식으로 느껴지는 몇 가지 패턴을 보기 시작했습니다. Vue 3가 보이기 시작하는 것 같아요... 서서히 React를 닮은 무언가로 변해가네요.

이제 저는 Vue 3를 비난하려는 것이 아닙니다. Vue 3에는 수많은 훌륭한 기능이 있고 구성 API가 강력합니다. 하지만 처음에 Vue를 독특하게 만든 핵심 원칙 중 일부가 사라지고 있다는 느낌을 지울 수 없습니다.

"Vue Way": 우리가 사랑한 것

현실적으로 생각해보자. Vue, 특히 Vue 2의 가장 큰 매력은 사용 편의성이었습니다. 간단한 옵션 API가 있었습니다. 템플릿은 작업하기에 즐거웠습니다. 간단하고 직관적입니다. 복잡한 구성을 거치지 않고도 Vue 앱을 빠르게 실행할 수 있습니다. 생태계는 관리가 가능하다고 느꼈습니다. 견고한 라우터(vue-router)와 상태 관리 패턴(vuex)이 있으면 그게 전부입니다! Vue를 사용하면 매우 효율적일 수 있습니다.

다음은 Vue 2 구성 요소의 간단한 예입니다.

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="reverseMessage">Reverse</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "Hello Vue 2!",
    };
  },
  methods: {
    reverseMessage() {
      this.message = this.message.split("").reverse().join("");
    },
  },
};
</script>

간단합니다. 직접. 이해하기 쉽습니다. 이것이 Vue의 약속이었습니다.

변화: 상황이 달라지기 시작했을 때...

그러나 Vue 3에서는 상황이 바뀌기 시작했습니다. Composition API의 도입은 강력하면서도 완전히 다른 정신 모델을 제공합니다. 느낌이... 추상적이네요. 갑자기 간단한 작업에 더 많은 코드가 필요합니다. 두 API 모두에서 동일한 작업을 수행할 수 있지만 어떤 상황에서는 복잡성이 불필요하다고 느껴집니다.

다음은 Composition API를 사용하는 Vue 3의 동일한 구성 요소 예입니다.

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="reverseMessage">Reverse</button>
  </div>
</template>

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

const message = ref("Hello Vue 3!")

function reverseMessage() {
  message.value = message.value.split("").reverse().join("");
}
</script>

그것도 마찬가지지만... 더 일한 것 같지 않나요? 이제 간단한 메시지 변수에도 참조가 필요하고 해당 내용에 액세스하려면 값이 필요한지 살펴보세요! 이전에는 간단했던 것에 비해 좀 과한 것 같습니다.

단순한 구성 API가 아닙니다. 상태 관리 공간도 더욱 복잡해졌습니다. 이제 우리에게는 훌륭한 Pinia가 있습니다. 하지만 이제 우리는 또 다른 선택을 해야 합니다. 단일 작업 방식이 없고 개발자가 코딩하기 전에 많은 결정을 내려야 하는 "반응형" 복잡성처럼 느껴지기 시작합니다.

또한 기본만 필요할 수 있는 프로젝트에 대한 복잡한 설정과 추상화 레이어를 사용하여 완전히 깊숙한 곳에서 벗어난 것처럼 느껴지는 일부 Vue 3 프로젝트도 보이기 시작했습니다. 10개의 라이브러리로 이루어진 Hello World를 보게 될 React 방식과 같습니다.

성장하는 생태계와 선택

Vue 생태계의 성장을 주목하지 않을 수 없습니다. 새로운 도구와 라이브러리가 끊임없이 등장하는 것 같은데, 이는 흥미롭기도 하고 압도적이기도 합니다.

많은 React 개발자가 느끼는 감정인 '옵션 마비'에 대해 생각하게 됩니다. 그리고 Vue 3에서 그것을 느끼기 시작했습니다:

• Pinia를 사용해야 할까요, Vuex를 사용해야 할까요?

• 어떤 테스트 유틸리티 세트를 사용해야 합니까?

• 모든 것을 처음부터 새로 만들어야 할까요, 아니면 큰 구성 요소 라이브러리를 채택해야 할까요?

Vue로 이사하면서 두고 온 줄 알았는데...

내가 미쳤나?

알아요, 알아요. 어쩌면 내가 뭔가를 놓친 것일 수도 있습니다. 어쩌면 이러한 변화는 Vue가 성장하고 적응하는 데 모두 필요할 수도 있습니다. 어쩌면 그것은 저와 제 취향일 수도 있습니다.

하지만 Vue의 핵심 매력인 단순성, 명확성, "작동하는" 특성이 조금씩 약화되고 있다는 느낌을 지울 수 없습니다. 우리가 느리지만 확실하게 React와 더 비슷하게 보이고 느껴지는 Vue 생태계를 구축하고 있는 것이 걱정됩니다. Vue 고유의 정체성을 잃어가는 느낌이 들기 시작했습니다.

그럼 어떻게 생각하시나요? 나 혼자 이런 일을 하고 있는 걸까? 같은 추세를 보고 계시나요? 나는 당신의 관점을 듣고 싶습니다. 어쩌면 내가 틀렸다고 확신시켜 줄 사람이 필요할 수도 있고, 아니면 우리 모두가 조금씩 같은 감정을 느끼고 있을 수도 있습니다.

댓글로 토론해보아요!

위 내용은 Vue가 React로 바뀌고 있나요? (솔직히 혼란스럽습니다.)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!