UI Dev Sync
December 20, 2019
📰
📜
🔖
🛠
🔮
🐺
News and updates
Changelog
Be committed
Build Process
Vision for the Future
Team Activity
Agenda
Ian's Last Day
What's in the Wiki?
- Trim search values
- Phone extension validation pattern
bsd-ui-utils v1.8.0
- ToggleSwitch component
- Data tracking on Select
- Accessible FormField label
- Filter icon
bsd-react-ui-kit v1.15.0
Changelog 📜
Be committed
... to good commits
Addressed PR comments
Did the thing
Oops!
Fixes
Resolve comments
Added implementation
Commit Rules
-
Write in the imperative mood
-
Start with a capital letter
-
Keep it brief but informative
-
Do not end with a period
-
Describe what was done and why, not how
This commit will...
Build Process
webpack
babel
TeamCity
Octopus
NPM
Concourse
A look into the future...
A Vision of the Future
- No CSS
- Component encapsulation
- Shareable NPM packages
- Future technologies
- Optimized for performance
overrides
bsd-ui-stylekit
activecore-charts
bsd-form-ui-kit
bsd-react-ui-kit
bsd-ui-utils
Benefits of NPM Packages
- Modularization
- Greenfield
- Fully tested
- Reusable
- Performant
Components to Build
- Charts
- Forms
- Text Blocks
- Layout
Optimization Opportunities
- Dependency upgrades
- Reducing API calls
- Code splitting
- React.lazy / Suspense
- PureComponent
Thank you! 👏🏻
Contact Details
ian@mcphail.com
📨
#phillydev @ian
Team Activity
🐺 Werewolf
-
The objective is to SURVIVE
-
Keep your true identity a secret
-
Keep your eyes closed at night
-
Listen to cues from the moderator
-
5-minute time limit on voting