Added friction of a UI library repo

I definitely agree that there is added friction when building and maintaining a UI library as a separate repository. That said, I’ve found…

Glad to hear you found it helpful! Feel free to reach out (`@_danoc` on Twitter) if you ever have any questions.

Design Consistency and Developer Productivity Metrics

Thanks, Chaunce!

The key metrics revolved around our two goals of improving design consistency and developer productivity. We made a few assumptions to measure these goals:

I wrote a hacky script in Node.js that parses our webpack stats, extracts helpful data, and stores the data in a CSV. We then would upload the data to Chartio which made it easy to create graphs.

We’d assume that a file was a React component if it required React.

Thanks, Matt! We never got around to implementing this, but I wanted to create a dangerouslySetClassName prop for times when we absolutely needed to make a one-off and couldn’t wait.

I’ll expand on this in a future post.

Hi Oscar, there were a few reasons we decided to switch from Vue.js to React. Most notably:

• We were locked into an old version of Vue.js (pre-1.0) and the amount of work it would take to upgrade was the same–if not more–than moving over to React.
• We were using Immutable.js which does not play nicely…

Response to “Future CSS”

Great post! Another downside to this approach, however, is that your breakpoints are tied to specific devices, not the user’s viewport.

Maybe that can be fixed by changing `fxcss-device-tablet-remove` to `fxcss-device-930-remove`and updating the JavaScript to…

It depends. OUI contains a handful of components, but we also build application-specific components outside of OUI. These components, a mix of HTML and CSS, can use OUI variables, mixins, functions, placeholders or trumps (utility classes).

The UI Engineers typically create these more complicated components while the…

Design chops are incredibly important to catch inconsistencies in mocks and recognize when a one-off request from a designer is not worth creating tech debt.