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

#1

Post by sgolestane » Fri, Apr 26, 2019, 3:55 PM UTC

Base Web, Uber’s New Design System for Building Websites in React
eng.uber.com

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

#2

Post by petraeus » Fri, Apr 26, 2019, 4:55 PM UTC

Why do they call it a "design system" instead of a framework .. you know like 99% of the web does

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

#3

Post by impostir » Fri, Apr 26, 2019, 4:57 PM UTC

petraeus wrote: post #2

Why do they call it a "design system" instead of a framework .. you know like 99% of the web does

React is the framework and their design system uses a specific set of rules within the React framework to build consistent end UI/UX.

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

#4

Post by tomelders » Fri, Apr 26, 2019, 5:13 PM UTC

Nope. This is replacing composition with configs for no good reason. It's like the people who made Grunt and Webpack teamed up to ruin React for everyone.

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

#5

Post by d357r0y3r » Fri, Apr 26, 2019, 5:34 PM UTC

Imagine creating this beast of a "framework" and not even using TypeScript or Flow. What are you thinking?

Edit: It does use Flow.

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

#6

Post by ahallock » Fri, Apr 26, 2019, 5:37 PM UTC

Can you use this outside of React? I'm interested in the styles, but I'm not using React.

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

#7

Post by hsavit1 » Fri, Apr 26, 2019, 5:37 PM UTC

Unfortunately the accordion component is not smooth at all. Otherwise, a valiant effort.

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

#8

Post by miksuv » Fri, Apr 26, 2019, 5:39 PM UTC

d357r0y3r wrote: post #5

Imagine creating this beast of a "framework" and not even using TypeScript or Flow. What are you thinking? Edit: It does use Flow.

It does use Flow.

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

#9

Post by mmckelvy » Fri, Apr 26, 2019, 5:40 PM UTC

I've been searching for a basic React UI component system for awhile now. There are a lot of systems available, but each one has significant drawbacks to the point I end up just rolling my own.

I think an ideal system would have a core set of "unstyled" components with the necessary functionality baked in. That way the overall aesthetic is up to you, but a lot of the painstaking UI work (e.g. showing, hiding, and highlighting elements in a dropdown menu or making sure a layout element breaks properly on mobile) is already done.

From there you could build UI "kits" that use the core functionality but each have a distinctive look and feel.

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

#10

Post by revskill » Fri, Apr 26, 2019, 5:47 PM UTC

I'm surprised that many huge React libraries don't expose its core Context for user to consume.

Context is the most important concept in React.

Actually, a library just need users to provide the right types of Context to be flexible.

I'm tired of the "lock in" API, in which, it doesn't allow me to just get my context data into its arguments API.

In this sense, you can consider Context as the local version of Redux.