Download as PDF, PPTX
Uploaded byGilad Shoham
2020-02-09 - In.Dev - Building bit - Lessons Learned In The Trenches
This document discusses key factors to consider when building an open source product composed of reusable components. It covers prioritizing features, code quality, issue tracking, documentation, commercial features, pull requests, ecosystem compatibility, component structure, state management, styling, configuration, dependencies, development environments, versioning, continuous integration, deployment, and the tradeoffs between open source and commercial tools. The goal is to share lessons learned in developing reusable components and component libraries.
2020-02-09 - In.Dev - Building bit - Lessons Learned In The Trenches
- 1. BUILDING BIT Lessons learnedin the trenches
- 2. Gilad Shoham Dev &Open Source Leader @bit shoham.gilad@gmail.com gilad@bit.dev https://github.com/GiladShoham @shohamgilad
- 3. KEY FACTORS Building anopen source product
- 4. Prioritization of features (communityvs. organizations) KEY FACTORS
- 5. Code quality isyour quality KEY FACTORS
- 6.
- 7. Docs: users &developers KEY FACTORS
- 8. Commercial features inOSS? (‘bit login’) KEY FACTORS
- 9. Get and give(!) pull request KEY FACTORS
- 10.
- 11. “Building with components” Soundssimple, right?
- 13. ● Create &Share ● Team structure ● Versioning ● CI APP VS COMPONENTS
- 14. ● State ● Styling ●Config ● Bundling vs Transpiling ● Relative paths ● Dev env (build & test) Dependencies CREATE & SHARE
- 15. ● Global ● Componentis aware to outside structure STATE “It’s hard to reuse stateful logic between components” (react official docs)
- 16. ● Global ● Breaksisolation (affect others) ● Support theming ● Consistency STYLING
- 17. ● Project coupling ●Components configuration ○ Dependencies ○ Metadata ○ Entry file CONFIG
- 18.
- 19. RELATIVE PATHS import Buttonfrom '../../../../../button'; import Button from '@my-org/button';
- 20. DEPENDENCIES ● Peer dependencies ●Duplications ● Bundle size
- 21.
- 22.
- 23. VERSIONING Individual vs entirecomponent library
- 24.
- 25.
- 26.
- 27.
- 28. CLI - (Opensource) VS web (commercial) VS
- 29. CLI - Isolate,sync, version management KEY FACTORS
- 30. Web - discover,collaborate, experience KEY FACTORS
- 31.
- 32.
- 33.
- 34. Join the community KEYFACTORS 10K 10K 10K
- 35.