Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Base Web, Uber’s New Design System for Building Websites in React

eng.uber.com

Post reply on HN
Print view View original

141–150 of 156 posts

Re: Base Web, Uber’s New Design System for Building Websites in React

#141

Post by topicseed »

chrischen wrote: post #97
dwaltrip wrote: post #61

Earlier quoted context omitted.

Any other good candidates? This is something I really need to look into soon.

I've found Materia-UI to have the best code quality, most up-to-date. If you don't like Material UI theming it's also easily overridable. Downside of ant-design is that the library is huge (there was a bug recently where the whole icon library was included in the bundle!), some of the components have bugs, style/look is not easily modifiable.

Love ant-design and currently, you can use tree shaking I believe. It is otherwise a heavy lib for sure. Not great for B2C apps, but for B2B with caching it should be okay if users have decent broadband speeds.

Re: Base Web, Uber’s New Design System for Building Websites in React

#142

Post by JCharante »

insomniacity wrote: post #31

I guess we can add Uber to this list of corporate frameworks... https://news.ycombinator.com/item?id=18235887 https://element.eleme.io/ https://ant.design/ https://quasar-framework.org/ https://at-ui.github.io/at-ui/ https://developer.microsoft.com/en-us/fabric https://vmware.github.io/clarity/ http://appnexus.github.io/lucid/ https://ng-lightning.github.io/ng-lightning/ https://blueprintjs.com/ http://www.jetbrains.…

I don't see how Quasar Framework is a corporate framework. Are you referring to the sponsorships that it's obtained over the past year?

Re: Base Web, Uber’s New Design System for Building Websites in React

#143

Post by IceDane »

tomelders wrote: post #109
miksuv wrote: post #106

Earlier quoted context omitted.

https://gist.github.com/tajo/a84d96f248d454d1226e12bb07c8157...

That is not better. Just look at what you've created vs the idiomatic way of accomplishing the same thing with vanilla React. It's a new DSL on top of React that just adds unnecessary noise. It over complicates what should be a simple task. Why do I have to specify "List" twice? And what sort of magic is "component" performing? What are children now? Do they not exist anymore? And what does "overrides" mean in this c…

This thread was very entertaining. This "solution" is insane. How did so many engineers not realize they're just reinventing the wheel?

Re: Base Web, Uber’s New Design System for Building Websites in React

#144

Post by sbr464 »

paavohtl wrote: post #129
sbr464 wrote: post #27

Earlier quoted context omitted.

Basically a complex version of this example, done over and over, for larger methods. togglePanel = (newTogglePanelComponentState: Boolean) => { return this.setState({ panelToggleState: newTogglePanelComponentState }); } togglePanel = bool => this.setState({ panelToggle: bool })

I don't understand what you're trying to demonstrate with your example. Your TS(?) example is needlessly complicated, and syntactically invalid. Here's a better TS implementation: togglePanel = (panelToggle: bool) => this.setState({ panelToggle })

I agree, it wasn't a good example. More was (attempting) to make a point when inside a complex file, what I've seen. With long interface names mixed in with long variable names, contributing to larger files sizes than necessary. It varies depending on project/company. It's lowercase `boolean`.

Re: Base Web, Uber’s New Design System for Building Websites in React

#145

Post by Brajeshwar »

bradleyhb wrote: post #131
Brajeshwar wrote: post #130

Referencing and being inspired by someone‘s Design System is a good thing. Try looking at a bunch of them to get a better perspective. However, using someone's Design System may not always be a good choice. Unless, they are lean, non-directional and are mostly patterns that you can adapt to any tech stack or systems. For instance, Google’s Material Design Philosophy is a good starting point and you can leverage it as…

What’s meant by non directional ?

Now, I'm not sure if I used the right vocabulary. I meant, it has constraints which lead you one way in a singular path, their way.

Re: Base Web, Uber’s New Design System for Building Websites in React

#146

Post by bernawil »

lewisl9029 wrote: post #117
lewisl9029 wrote: post #115

The overrides pattern they describe sounds like a nightmare to maintain. It's almost the exact opposite of how I'd design the API for a set of reusable components: provide a minimal API surface to cover existing use cases, and evolve the API deliberately to cover new use cases as they arise. Allowing users to override arbitrary styling parameters is a recipe for disaster in a reusable component, because once you star…

Note that the above mostly applies to company/product specific component libraries where maintaining design/brand consistency is of great importance. For components meant for public consumption, I personally would only use libraries that yield _all_ rendering decisions to the user: not just styling, but the components being rendered as well as the way in which those components are composed. Usually that means providi…

Funny, I just wasted a good while trying to modify the suggestions dropdown for an input in the react-select.

Re: Base Web, Uber’s New Design System for Building Websites in React

#147

Post by dwaltrip »

chrischen wrote: post #97
dwaltrip wrote: post #61

Earlier quoted context omitted.

Any other good candidates? This is something I really need to look into soon.

I've found Materia-UI to have the best code quality, most up-to-date. If you don't like Material UI theming it's also easily overridable. Downside of ant-design is that the library is huge (there was a bug recently where the whole icon library was included in the bundle!), some of the components have bugs, style/look is not easily modifiable.

Thanks for the suggestion! I'll take a close look at it.

Re: Base Web, Uber’s New Design System for Building Websites in React

#148

Post by dwaltrip »

wes-k wrote: post #110
dwaltrip wrote: post #61

Earlier quoted context omitted.

Any other good candidates? This is something I really need to look into soon.

I work with blueprint and I find it to be pretty incredible. Typescript based, fairly comprehensive, good docs, easy to use.

Looks pretty cool, I'll have to investigate it. Thanks for the suggestion.

Re: Base Web, Uber’s New Design System for Building Websites in React

#150

Post by insomniacity »

wuliwong wrote: post #76
insomniacity wrote: post #31

I guess we can add Uber to this list of corporate frameworks... https://news.ycombinator.com/item?id=18235887 https://element.eleme.io/ https://ant.design/ https://quasar-framework.org/ https://at-ui.github.io/at-ui/ https://developer.microsoft.com/en-us/fabric https://vmware.github.io/clarity/ http://appnexus.github.io/lucid/ https://ng-lightning.github.io/ng-lightning/ https://blueprintjs.com/ http://www.jetbrains.…

You seem to trying to express a negative response to the fact that these companies create design frameworks. I'm interested as to why you feel this way?

In a way yes, it was about the utility and relevance of Yet Another Corporate Design System. I couldn't find what I really wanted to post, which was a list of all the abandoned Corporate Design Systems - I think I must have seen that in another comment.
Post reply on HN