Chris Bateman

Front-end engineer at @usaa, working mainly with #ReactJS. I love the web.

[Chris Bateman @batemanchris]

Troy McClure teaches JavaScript

[Chris Bateman @batemanchris]

Trump, 2016: Ted Cruz didn’t win Iowa, he committed fraud and stole it!

Republican voters: Yes, more of this please.

2020: ...aaaand here we are

[Paul Waldman @paulwaldman1]

Yes, the system held in 2020 - in a blowout election. What happens when it's genuinely close, and the GOP still believes any Democratic victory is fraudulent by definition and justifies any attack on democracy to overturn it?

I explore at @TheProspect : https://t.co/1XU3sJCqLt

[Chris Bateman @batemanchris]

Question: what do you think the odds are that the GOP will take this loss as an opportunity to remake themselves as a party devoid of Trumpism/authoritarianism?

[Andrew Sullivan @sullydish]

Trump may not win this election but Trumpism has won the GOP.

[Chris Bateman @batemanchris]

@dan_abramov @AdamRackis Is there a good way to suspend on the initial render if you’re creating the resource in an effect?

I got it working by having the child component use an infinite resource by default e.g.

function Child({resource = getInfiniteResource()}) {

[Chris Bateman @batemanchris]

Wait did @sebmck just rewrite Babel, Webpack, ESLint, Jest, and npm all in his spare time

[Sebastian @sebmck]

It has a linter, bundler, compiler, formatter, testing framework, dependency manager, and more. All of these make sense as a single system, they're all related.

Here are some other tweets where I talk about Rome, in chronological order:

[Chris Bateman @batemanchris]

Why you still need to have some kind of server render if SEO is important to you - even for Google:
https://t.co/1oNtDUbFTq

[Chris Bateman @batemanchris]

It seems like Concurrent React doesn’t render the app at all until the first maxDuration is reached. Am I missing something, or is this just what I get for playing with unstable features? https://t.co/INwx1Yk5Wn

[Chris Bateman @batemanchris]

@AdamRackis @Rich_Harris I have high hopes for Linaria - one of the few options that will do static extraction for reusable libraries (not just apps), but it’s got some bugginess https://t.co/IfZqUf9XM8

[Chris Bateman @batemanchris]

Reddit cuts back on styled-components and sees a 30% improvement in mount times: https://t.co/hKMvXYdWPK

Seems that CSS-in-JS solutions that don’t extract static CSS still aren’t fast enough at scale. I’m surprised that there are so few options there.

[Chris Bateman @batemanchris]

@bjankord It’s already discouraged in the docs, and planned for removal here: https://t.co/Bugd1JKSQx

[Chris Bateman @batemanchris]

If you want CSS-in-JS in a reusable component – without inline styles and with support for server rendering – your best/only option is Linaria

https://t.co/IfZqUf9XM8

Are there any other options I’ve missed?

[Chris Bateman @batemanchris]

@ForceTheIssue @kentcdodds True! Not an issue if you’re coming from plain CSS though :)

[Chris Bateman @batemanchris]

@kettanaito *If* the application using the library is implementing styled-component’s SSR API, yes. But it’s not reasonable for a reusable library to require that.

[Chris Bateman @batemanchris]

How bad is it to have getDerivedStateFromProps always return a state value? As opposed to creating a separate memoizable function that checks props

[Chris Bateman @batemanchris]

Whoa, I didn’t think Service Workers would arrive until iOS 12! https://t.co/oV8UzAGpQZ

[Ricky Mondello @rmondello]

iOS 11.3 and macOS 10.13.4 include Service Workers — a powerful specification that allows background scripts to power offline web applications. iOS 11.3 also consults Web App Manifest when adding web apps to the home screen.

[Chris Bateman @batemanchris]

@__samrad Thanks. For whatever it’s worth, I’m using react-loadable like this - https://t.co/rxxWIUkHuq - so it doesn’t load the next route until RR is rendering it.
I’m thinking there might be a way to make something like RTG work here though

[Chris Bateman @batemanchris]

@__samrad Like using react-transition-group or something like that?

[Chris Bateman @batemanchris]

@__samrad The bigger problem, unfortunately, is figuring out how to prevent the previous route from disappearing immediately

[Chris Bateman @batemanchris]

@zt1072 Ah, interesting. I should have specified that I’m wondering about v4 though