Vue 작가 You Yuxi가 2023년을 기대하고 2022년을 되돌아보는 글을 게재했습니다!

Vue 작성자 You Yuxi는 최근 2022년 Vue에 대한 리뷰를 게시하고 2023년 프로젝트의 발전을 기대했습니다.

다음은 You Yuxi의 원본 콘텐츠(번역)입니다.

2022년을 되돌아보며

2022년 2월 Vue 기본 버전을 3.x로 전환했습니다. 이러한 전환은 최신 모범 사례 지침을 제공하는 문서의 중요한 개정을 포함하여 v3 프레임워크의 모든 공식 부분이 준비되었음을 나타냅니다.

우리는 아직 생태계가 Vue 3으로 마이그레이션되는 전환기에 있습니다. 따라서 전환 이후 우리는 도구에 투자하여 Vue를 통한 개발자 경험을 개선하는 데 더 중점을 두고 있습니다. 우리 팀원들은 Vite 개발에 적극적으로 참여해 왔으며 Volar 1.0 출시를 통해 Vue의 IDE 및 TypeScript 지원을 크게 개선했습니다.

2022년에는 Vue 3의 NPM 사용량이 거의 200% 증가했습니다. 커뮤니티 측면에서 Vue 3 생태계는 이제 성숙해졌으며 생산성 향상에 도움이 되는 훌륭한 솔루션을 제공합니다. Nuxt 3와 Vuetify 3는 모두 2022년 11월에 안정 상태에 도달했으며 Vue 3용 NativeScript는 최근 베타 버전으로 출시되었습니다. 또한 오랫동안 Vue 3를 지원해 온 다른 훌륭한 프로젝트인 Quasar, NaiveUI, Ionic Vue, PrimeVue, InkLine, ElementPlus 등에 감사 인사를 전하고 싶습니다.

이제는 Vue 3가 기본값이지만 마이그레이션 비용으로 인해 많은 사용자가 Vue 2를 계속 사용해야 한다는 것을 알고 있습니다. Vue 2 사용자가 프레임워크의 향상된 기능을 활용할 수 있도록 하기 위해 우리는 Vue 2의 소스 코드를 TypeScript로 이동하기로 결정하고 Vue 2.7의 가장 중요한 Vue 3 기능 중 일부를 백포트했습니다. 또한 Vite, Vue Devtools 및 Volar가 모두 Vue 2와 Vue 3을 모두 지원하는지 확인했습니다.

2023년에는 무슨 일이 일어날까요?

더 작고 더 자주 마이너 릴리스

마지막 Vue 2 마이너 버전(2.7)이 출시되면서 2023년에 Vue 3 코어의 기능이 최고 속도로 출시될 것으로 예상됩니다. 우리는 긴 기능 목록을 가지고 있으며 이를 계속해서 작업하게 되어 기쁩니다!

우리가 개선하고 싶은 한 가지는 출시 주기입니다. Vue는 semver를 따릅니다. 즉, 마이너 버전 기능만 릴리스해야 함을 의미합니다. 과거에 우리는 많은 기능을 크고 드물게 출시되는 마이너 릴리스로 결합하는 "대규모 마이너" 접근 방식을 취했습니다. 이로 인해 복잡도가 높은 다른 기능을 작업하는 동안 복잡성이 낮은 기능이 상당히 차단됩니다. 2023년에는 더 작고 더 자주 마이너 릴리스를 출시하여 더 많은 기능을 더 빠르게 출시할 수 있기를 바랍니다.

이는 3.3에서 조정 사항이 적용된다는 의미이기도 합니다. 원래 우리는 3.3의 실험 상태에서 Suspense 및 Reactivity Transform을 졸업할 계획이었습니다. 그러나 우리는 두 가지 모두 여전히 추가 RFC 논의가 필요하며 다른 보다 간단한 기능의 구현을 방해해서는 안 된다고 생각합니다. 이제 3.3의 목표는 확실한 승자이며 RFC 토론이 필요하지 않은 제안/계획된 기능을 얻는 것입니다. 예를 들어 <스크립트 설정> 매크로에서 외부 가져오기 유형을 지원합니다.

그동안 우리는

• Suspense 및 Reactivity Transform의 준비 상태를 추가로 평가할 것입니다.

• 시간을 내어 사용자가 제출한 뛰어난 RFC 및 기능 요청을 평가해 보세요.

• SSR 게으른 수화와 같이 3.4 이상에서 구현하려는 기능에 대한 RFC를 게시하세요.

이달 말에 더 자세한 내용이 나올 것으로 기대됩니다.

또 한 가지 주목할 점은 가까운 미래에 계획된 큰 변화가 없다는 것입니다. v2에서 v3로 전환하는 동안 사용자가 직면한 문제를 인식하여 Vue가 더 나은 장기적인 업그레이드 스토리를 갖기를 원합니다.

Vapor 모드

Vapor 모드는 Solid에서 영감을 받아 우리가 실험해 온 또 다른 컴파일 전략입니다. 동일한 Vue SFC가 주어지면 Vapor Mode는 이를 현재 가상 DOM 기반 출력보다 성능이 뛰어나고 메모리를 덜 사용하며 런타임 지원 코드가 덜 필요한 JavaScript 출력으로 컴파일합니다.

Vapor Mode는 아직 초기 단계이지만 다음은 몇 가지 높은 수준의 요점입니다.

• Vapor Mode는 성능이 주요 관심사인 사용 사례에 적합합니다. 이는 선택 사항이며 기존 코드 베이스에 영향을 주지 않습니다.

• 최소한 기존 Vue 3 애플리케이션에 Vapor 구성 요소 하위 트리를 포함할 수 있습니다. 이상적으로 우리는 구성 요소 수준에서 세분화된 선택을 구현하고 싶습니다. 이는 동일한 애플리케이션 내에서 Vapor 구성 요소와 비 Vapor 구성 요소를 자유롭게 혼합할 수 있음을 의미합니다.

• Vapor 구성 요소만 사용하여 애플리케이션을 구축하면 번들에서 가상 DOM 런타임을 제거하여 기본 런타임 크기를 크게 줄일 수 있습니다.

• 최적의 성능을 위해 Vapor 모드는 Vue 기능의 하위 집합만 지원합니다. 특히 Vapor Mode 구성 요소는 Composition API와 <스크립트 설정>만 지원합니다. 그러나 지원되는 이 하위 집합은 Vapor 구성 요소와 비Vapor 구성 요소 간에 정확히 동일하게 작동합니다.

올해 후반에 더 많은 진전이 있을 때 더 자세한 내용을 공유해 드리겠습니다.

자세한 내용은 영문 원문을 참고해주세요: https://blog.vuejs.org/posts/2022-year-in-review.html

관련 추천 : 《개인 일을 해서 돈을 벌어보세요! 2023년 프로그래머를 위한 주문 접수 플랫폼 전체 목록! 》