Twitter | Search | |
Sebastian Markbåge
React JS · TC39 · The Facebook · Tweets are personal
9,309
Tweets
444
Following
38,107
Followers
Tweets
Sebastian Markbåge Mar 18
Replying to @dan_abramov @wincent
Does it matter? Regardless on the stance on Hooks. Making the arbitrary bounds of what classifies as “React” fit into an afternoon course is a non-goal. The topic is “UI engineering” and if more goes into the library, language or ecosystem doesn’t matter. The total topic is big.
Reply Retweet Like
Sebastian Markbåge Mar 15
An interesting phenomenon I've observed is that people that first used React at FB and in open source made very different mistakes than beginners do today. Something has changed in the environment of how people learn React today that helps them avoid that.
Reply Retweet Like
Sebastian Markbåge Mar 15
Two years after this, I saw 's initial React and it immediately clicked. I'm not sure I would've seen it if wasn't for the context and learnings from IMGUI.
Reply Retweet Like
Sebastian Markbåge Mar 15
Replying to @sebmarkbage
I do think there’s something fundamentally good in the model, but sometimes someone has to show it to you before you get it. You can’t just brute force anything by teaching.
Reply Retweet Like
Sebastian Markbåge Mar 15
Replying to @TheLarkInn
Yea but let me also just point out that FB had really poor opensource cred at the time and React took a long time to gain traction. The causation might be a bit time shifted.
Reply Retweet Like
Sebastian Markbåge Mar 15
Replying to @rauchg
I’d say that was due to shared principles and an already learned set of patterns to deal with that world. There are similarly reductionist forms in the Rx world and Rx seems intuitive there.
Reply Retweet Like
Sebastian Markbåge Mar 15
Replying to @sebmarkbage
I think this is a very fundamental lesson for API design.
Reply Retweet Like
Sebastian Markbåge Mar 15
I don't think React has become popular because it's more "intuitive" to people. It's not an iPad that toddlers just naturally interact with. It has become popular after a network of teachers taught the principles and patterns that empower people to solve complex problems.
Reply Retweet Like
Sebastian Markbåge Mar 15
This looks like a bug to me. Mind filing a GitHub issue?
Reply Retweet Like
Sebastian Markbåge Mar 14
Replying to @sebmck
That's probably mostly due to ISO 8601 but if you limit to the short form of only including month and day (M/D), maybe it's less common.
Reply Retweet Like
Sebastian Markbåge Mar 14
Replying to @sebmck
I was referring to countries using either YMD, MDY or use either of those format in certain cases which is a large portion of the world (including Sweden which has also started seeing an up-tick in celebrating Pi-day).
Reply Retweet Like
Sebastian Markbåge Mar 14
Replying to @sebmck
As much as I like to make fun of American lack of world, this one doesn't seem like a very exclusive club. What's your frame of reference?
Reply Retweet Like
Sebastian Markbåge Mar 11
Replying to @__avik @Vjeux
We use it to understand bundle size improvements or regressions on React diffs.
Reply Retweet Like
Sebastian Markbåge Mar 11
A side-effect of Prettier adoption is that people have an easy to use tool with up-to-date syntax support and quality update for inspecting minifier files.
Reply Retweet Like
Sebastian Markbåge Mar 11
Replying to @ryanflorence
Yea I wonder if should find a way to make "snippets" be the "thing". I've been thinking this about a lot of Hooks. They get so much more complicated to expand (and harder to compile well) when they try to be overly generic.
Reply Retweet Like
Sebastian Markbåge Mar 10
Replying to @ryanflorence
For render prop it seems pretty easy to just write it out with a snippet. let Media = ({query, children}) => children(useMedia(query));
Reply Retweet Like
Sebastian Markbåge Mar 10
Replying to @ryanflorence
Then you can expand on it as needed. This is a little boilerplatey once you add ref and dynamic args but now you have a foundation for a function component. let WithMedia = forwardRef(({query, ...props}, ref) => <SomeComp {...props} ref={ref} small={useMedia(query)} />;
Reply Retweet Like
Sebastian Markbåge Mar 10
Replying to @ryanflorence
For HOCs I like to write it out: let WithMedia = props => <SomeComp {...props} small={useMedia(“(max-width: 480px)”)} />; That way you have a function component in place to expand on and add more logic/hooks into as a partial refactor.
Reply Retweet Like
Sebastian Markbåge Mar 10
Replying to @ryanflorence
With the HoC form, how do you prevent the “query” prop from being passed to the inner component (so that if it uses spread it doesn’t forward it further)?
Reply Retweet Like
Sebastian Markbåge Mar 8
This. I, and most men with followers, have received zero harassment. That should be the default for everyone.
Reply Retweet Like