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

41–50 of 156 posts

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

#41

Post by Theodores »

This article makes a lot of noise about Uber's commitment to accessibility. So I am led to believe that this new React gizmo is fully accessible.

Yet Uber can't be bothered to make efforts to get basic accessibility right on the page that tells us this.

The main content is not in a element, this element being the landmark that tells people using assistive technologies where the main content is.

Then the navigation links, e.g. in the footer are not in elements.

The code sample in the middle is an image. It should be in a , 

formatted and in a  block for accessibility.
It is a bit hypocritical to write an article about how wonderful your product is for accessibility and not make it accessible.

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

#42

Post by stronglikedan »

warent wrote: post #40

My favorite part about Base Web is that it's broken. How to reproduce: 1. Visit the official website https://baseweb.design/ 2. Click "Welcome" on the sidebar. 3. "An unexpected error has occurred." No thanks, Uber. Your community of broscience engineers permanently lost me as a customer after the Susan Fowler writeup, and I'm not interested in your buggy technology either.

Cannot reproduce.

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

#43

Post by sbr464 »

d357r0y3r wrote: post #38
sbr464 wrote: post #23

Earlier quoted context omitted.

My only issue is TS usage with extremely large/complex components/containers. For example, files around 500 lines of code, I've temporarily removed TS, done a few other optimizations (ternaries for obvious If/Else statements, etc) to reduce to ~200-230 lines total. The file is instantly easier to reason about and modify. I wish there was a plugin that just did this automatically so you could toggle it back on when do…

It's best to leverage type inference if possible. I can point to entire TypeScript files that could be copied and pasted into a JavaScript file and work with no changes. At some point, yes, you have to use annotations to get the most of it. But, ultimately, I'd much rather trade the additional characters now for the alternative: insanity producing runtime errors in production later.

Definitely agree, I just do it temporarily, typically when working on huge features.

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

#44

Post by warent »

impostir wrote: post #3
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.

React is not a framework. It's just a view library.

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

#45

Post by warent »

stronglikedan wrote: post #42
warent wrote: post #40

My favorite part about Base Web is that it's broken. How to reproduce: 1. Visit the official website https://baseweb.design/ 2. Click "Welcome" on the sidebar. 3. "An unexpected error has occurred." No thanks, Uber. Your community of broscience engineers permanently lost me as a customer after the Susan Fowler writeup, and I'm not interested in your buggy technology either.

Cannot reproduce.

It's probably because I'm using uMatrix and it's blocking something "critical" that breaks when you try to visit the Welcome page.

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

#46

Post by warent »

wsdfsayy wrote: post #39

It looks pretty nice. My pet peeve with "modern" web design is that it has become, objectively, very effeminate. Uber tends to leans more neutral to slightly masculine.

"Objectively effeminate" is a phrase that makes zero sense.

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

#47

Post by temp99990 »

revskill wrote: post #10

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.

Any large application using React is most likely using it with Redux.

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

#48

Post by lhorie »

Theodores wrote: post #41

This article makes a lot of noise about Uber's commitment to accessibility. So I am led to believe that this new React gizmo is fully accessible. Yet Uber can't be bothered to make efforts to get basic accessibility right on the page that tells us this. The main content is not in a element, this element being the landmark that tells people using assistive technologies where the main content is. Then the navigation li…

Those are issues with the CMS being used to host the blog. The blog has been around for a long time and isn't using BaseWeb.

What you're suggesting is that when someone releases a library with a commitment to accessibility, they are also responsible to reach out to some completely unrelated comms-focused team, take over their CMS workflow, rewrite it entirely with the new framework, and only then make a blog post about the thing you were trying to talk about.

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

#49

Post by randyrand »

warent wrote: post #40

My favorite part about Base Web is that it's broken. How to reproduce: 1. Visit the official website https://baseweb.design/ 2. Click "Welcome" on the sidebar. 3. "An unexpected error has occurred." No thanks, Uber. Your community of broscience engineers permanently lost me as a customer after the Susan Fowler writeup, and I'm not interested in your buggy technology either.

"bioscience engineers". Uber is HQ'd in San Francisco and is 95% democrat/liberal engineers. Ask someone that works there.

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

#50

Post by pbedat »

thereare5lights wrote: post #36
revskill wrote: post #25

Earlier quoted context omitted.

It's important, because you don't need to care about props vs state, instead, just consume the context deep in your component tree. One use case, is, suppose you have two independent contexts at two branches, now, if you want to share those data to 3rd branch, you just create new context with value from the first two contexts.

This is starting to sound like the scope from Angular 1.

Yep. That's why context should be used very very rarely or never. When I teach react, I try to make a long detour around them. I would not consider it being the most important concept. Its only a side effect model.
Post reply on HN