Building Your First Open Source Project
summary
An open source Vue 3 authenticator component for AWS Amplify backed by Cognito gets rebuilt from scratch, with shared UI code across Vue, React and Angular and XState finite state machines for auth flows. Implementation uses TypeScript with script setup and Composition API, single-file components, reduced dependencies for a small bundle, and testing via Cypress + Cucumber plus a GitHub Actions canary every 15 minutes. Downloads grow from ~10k to ~25k weekly and tests catch real breakages.
AI-written summary · about
chapters (9)
- 0:00Intro
- 3:17My project
- 4:55History
- 5:20Requirements
- 6:08Sharing code
- 6:43Why XState?
- 7:25Vue 3 best practices
- 8:31Testing
- 10:16Lessons learned
related talks
16mAn OSS contributing's tale
15mOpen Source as a Junior Developer
18mAnthony's Road to Open Source: The Set Theory
28mThe Progressive Path to Open Source: Lessons from Anthony Fu's Journey
27mRewards and Struggles in maintaining a Vue.js OS library by Nicolo Mezzopera (Eng) | JSConfAM19
26mMaintaining OSS like vue-cli, vue-devtools, vue-apollo and more!
43mThe Evolution of Open Source through Design
06mFrom Zero to a Top Contributor: An Open Source Success Story