ActiveCore UI
A Vision of the Future
Current State
- Model Application
- Model Team
- First & Largest React Codebase
- ActiveCore 2.0
Current Challenges
- Legacy patterns
- Unused components
- Outdated dependencies
- Poor performance
Lighthouse Audit
A look into the future...
A Vision of the Future
- No CSS
- Component encapsulation
- Shareable NPM packages
- Future technologies
- Optimized for performance
overrides
activecore-react-ui-kit
activecore-charts
activecore-forms
bsd-react-ui-kit
bsd-ui-utils
Benefits of NPM Packages
- Modularization
- Greenfield
- Fully tested
- Reusable
- Performant
Inside an architect's mind...
Inside an architect's mind...
Reusable Components
What is a component?
What makes a component reusable?
How to think in terms of components?
Table Component
Building with LEGOs
vs
Building LEGOs
Components to Build
- Charts
- Forms
- Text Blocks
- Layout
Optimization Opportunities
- Dependency upgrades
- Reducing API calls
- Code splitting
- React.lazy / Suspense
- PureComponent
The Problem
(expressed in Redux)
The Solution
Tell me your ideas
💡
ActiveCore Vision
By webguyian
