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

Farewell

By webguyian

Farewell

  • 300