This week in front end architecture

In a react/redux application:

  • add a checkbox
    in jsx

  • capture its state by setting its vDom state with { [name]: !this.state.checked }
    in a switch statement

  • unit tests are jest snapshot diffs
    in typescript

  • className="bootstrap" or className={style.injection}
    incompatible

Making simple things hard in the front end again.

Advertisements

The HTML <time> element

Sometimes in UI, it requires more brain power to understand “15 hours ago” than “2018-01-10 7:35PM”
https://twitter.com/ghiden/status/951179673072881665

Hidenari has a point. Sometimes our UI could use a bit more precision. We as developers could be a bit more formal. But how to strike the right balance here?

Continue reading