Building Your First Open Source Vue 3 Project
summary
Built an Authenticator component as @aws-amplify/ui-vue that targets Vue 3 only and shares logic with React and Angular via a common package, using xState finite state machines for cross-framework state and Vite ESM + CJS builds to keep bundle size small. Code uses Composition API, strict TypeScript, templates, and dozens of Cypress + Cucumber end-to-end tests plus testing-library unit tests; accessibility follows WCAG 2.1 A and downloads grow from ~10k to ~20k.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:04Overview
- 1:38Build Tools
- 3:07Requirements
- 10:53Windows or Mac
- 12:11When to start contributing
- 14:08Other open source projects
- 14:53Things to look out for
- 17:58What would you do differently
- 18:58Using Vue with Amplify
- 19:53Removing the Fear of Open Source
related talks
10mGetting Started: Amplify Authenticator for Vue
31mBuilding Components for Vue 2&3 - an Attempt at solving the challenge
44mVue 3: A Maturation of the Platform
38mAn Introduction to the Vue Ecosystem
48mPatterns for Large Scale Vue JS Applications
11mVue.js: Building Secure Applications
29mWho Are Vue? Authn In Vue, The Important Parts
30mEmpowering Vue with TypeScript, Inversify, Vuex and some other super to