작년10월 Vue.js 런던컨퍼런스에서 Vue 3 Pre-Alpha를 처음 외부에 소개했고 2020년1월 공식 Alpah 버전을 시작했으며 오늘 드디어 공식 Beta버전이 시작되었다. Vue의 npm페이지에서 버전탭을 가보면 히스토리를 볼 수 있다. 더 거슬러 올라가면 2019년 6월 Composition API를 에반유가 RFC에 올리면서 Vue’s Darkest Day라는 말을 할 정도로 상당한 파장을 일으키며 새 버전 준비를 시작했는데 그 뒤로 10개월이 지났고 상당히 기대되는 기능들이 준비가 되었다.
에반유가 현재 진행상태를 설명해주는 프레젠테이션을 공개했다. 베타버전이 의미하는 바는 계획된 RFC의 모든 기능들이 구현되었다는 이야기.
Vue3 주요개선
Performance 개선
Tree-shaking 지원
Composition API : 리액트 훅의 영감을 받아 만든 컴포넌트 로직 재활용을 위한 기능
Fragment, Teleport, Suspense
더 나은 TypeScript 지원
Custom Renderer API
각 개선 항목에 대한 자세한 설명은 프레젠테이션을 보라. 이제 남은것은 가이드 문서 및 에코시스템(Router, Vuex…)의 새 버전 대응. 두둥!
이 외에 몇 가지 읽어볼만한 그들 링크
Vue3의 Suspense 기능으로 로딩 스크린 구현하기
Vue Skeleton Loading Screen using Suspense Components — Daily Vue #4
Skeleton loading screens show an outline of your content while waiting for it to load. It provides a better user…
learnvue.co
NuxtJs 프로젝트를 S3+Cloudfront 로 호스팅하기
How To Host Your NuxtJs SPA on S3 with Cloudfront.
You are trying to get your new shiny app deployed to the fancy AWS service either to save cost, try out a new option or…
medium.com
Vue3 Composition API와 Watching Routes
Reactive Vue Routes With the Composition API
Watching Vue.js routes
medium.com
Micro FrontEnd — Vue JS
Micro FrontEnd — Vue JS
Micro frontend architecture comes to provide more consistency and ability to parallel build and test process. ease of…
medium.com
Micro FronEnd로부터 영감을 받아 Vue프로젝트에 어떻게 적용할 수 있는지 설명하는 글. 라우터별로 소스코드를 분리하고 의존성과 빌드가 별도로 이루어져 독립적인 유지보수가 가능하다! 프로젝트 규모가 커지고 인원이 많아지면 이런 아키텍쳐에 대한 고민이 필요할듯.
댓글