Establish: Paragon Working Group
- Representatives:
- A Frontend Engineer from as many themes as possible
- A11y (Jeff)
- (UX) UI/Vis Designer
- ... (get suggestions for others required)
- Meeting:
- Bi-weekly, 1 hour
- Purpose: discuss issues, desired features, distribute workload
Phase 1: Project Tune Up
"Reset" GreenKeeper
- Upgrade project dependencies to current versions (prefer an all-at-once approach)
- Delete Greenkeeper PRs and Issues
- Ensure Greenkeeper is configured properly
- Evaluate Renovate as replacement
Clear Stale Issues, PRs, Branches
- Old issues may be valid, but we will take this opportunity to reset our vision
- There are 14 Pages of Stale Branches
- 5 pages of active branches, mostly greenkeeper
- Clear project board
Upgrade linters to match current MFEs
Phase 2: Minor Updates
Let's work on all non-breaking improvements we can.
- Add per-component npm package exports
- Support today's import @edx/paragon and also @edx/paragon-{componentName}
- Streamline exported package (today including a component from Paragon may add about 500kb to build)
- Swap icons to use FontAwesome React inline SVG: https://github.com/edx/paragon/issues/347
- Storybook should style with edx-bootstrap v2
- Add more components with Reactstrap (non-breaking additions)
- Add passthrough components
- Component Interface Cleanup (maintain backwards compatibility)
- Paragon components should have similar props
Phase 3: Major Updates
All breaking improvements.
- Remove build targets themeable and static. Lose support for use in legacy applications.
- Simplify the ways styles are added in Paragon
- Prefer class strings over imported style objects
- Remove includes of scss in .jsx files
- Component Interface Cleanup
- Remove backwards compatibility for legacy props
- Open Issues (with proposed breaking changes)
- Leverage Reactstrap (breaking change implementations)
- Where appropriate swap Paragon implementations with Reactstrap passthroughs/wrappers.