Freelance developer - React Query maintainer - Occasional OSS contributor - Been putting React on servers for a decade - Father of two - Homebrewer
Stockholm
- Tweets 2,072
- Following 414
- Followers 921
- Likes 3,503
First, try to understand what is happening from the clients perspective. Hidden parts are being streamed from the server as they finish and then a small injected runtime takes care of injecting them to the correct place. See the instruction set here:
github.com/facebook/react/pu…
2
2
The new React async serverside renderer is going to be bonkers! 😍 If you are curious, definitely read the excellent PR description.
If you want to dig into this PR some more and try to understand some small parts, I have two recommendations of where to start.
🧵
1
4
25
If you aren't already keeping a close eye on @solid_js, this demo will convince you why you should. 🚀
We've been working on a demo I hope checks the boxes:
* @solid_js + TypeScript + JSX
* Built with @vite_js
* Streaming SSR on Cloudflare Worker
* Suspense + concurrent rendering
* Code splitting w/ route preloading
* 12.4kb JS payload
Demo: hackernews.ryansolid.workers…
1
2
4
Fredrik Höglund retweeted
Make it work
Make it always work
Make it work for everyone
Make it right
Make it fast
10
34
213
Fredrik Höglund retweeted
Men taking over programming was not an accident. It was deliberate. Ad campaigns against women. Personality tests. Cheating by fraternities and Elks clubs. The insistence that programming belongs to the male nerd. ALL INTENTIONAL. timeline.com/women-pioneered…
6
105
262
Fredrik Höglund retweeted
Because men shoved women from this industry forcibly after they realized there was $ and prestige in computers. That original sin permeates every corner of tech and makes us want to flee no matter how much we love it.
Oh and because of a-holes like those replying to this thread.
8
69
276
Today I'm back at work after 6 months of paternity leave, which is such a huge perk of living in Sweden. 🥰
I've really enjoyed spending so much time with the little one, now I'm ready to tackle any challenge!
Now, how did one write curly braces on Mac again..?
10
Fredrik Höglund retweeted
oops 😅 looks like I forgot to merge & release a PR for react-ssr-prepass 🙆 anyway, it supports React 17 and error boundaries now (and useMutableSource / useOpaqueIdentifier) github.com/FormidableLabs/re…
2
5
I still think we need better words to describe this pattern and its different parts though. Deep node injection is kind of starting to stick with me, but it's not widely used.
1
Part of that higher abstraction:
<OutletProvider name="A" node={<SomeJSX />}>
In nested component deeper down:
<Outlet name="A" />
1
2
This with a higher layer of abstraction on top is how I envision nested Server Components will often be used, where both the component that is rendering this and <SomeJSX /> are SCs.
1
3
This is an A+ thread. 👌 I also think that the few sites that manages to blend these two seamlessly and do it well are the most enjoyable and interesting on the web.
Fast startup, small download AND a native feeling experience is really hard to do, but that's also true for apps.
More and more I’m realizing that there are two very different ideas of the web. One group thinks the web is for content sites, marketing pages, and mainly server rendered apps. The other is trying to build native-like apps using web technology. 🧵
1
This is why I'm so thankful that they are giving parts of that back as OSS in RR v6, they really don't owe us that. 😀
3
I'm sad I didn't invest time into it myself.
On the upside, I think this is one missed opportunity that paves the way for Remix today. If there were already higher level abstractions on top of RR, Remix wouldn't have as large of a gap to fill (but definitely still a gap).
1
1
I'm also bummed about the SSR piece of the puzzle. Michael and Ryan explicitly said their react-router-config was more of a starting point and asked for help on it, but I've never seen any abstractions on top of it make it to open source.
1
1
React Router v4/5 was great because it brought routing closer to the React component lifecycle, but it lacked the built in power of RR3.
Everything in RR3 is possible to build on top of RR5, but it's hard and no one really did it, especially as OSS. I'm very excited about v6!
That's why we're on React Router v3 and use the onEnter hook.
Glad to see React Router 6 will give a pending hook. 💚💚
1
2
I don't even know how to begin processing that All Your Base is now 20 years old. 😲
We used to have a drinking game where you either drank on every "base" or every "zig". Today that would not end well..
arstechnica.com/gaming/2021/…
3
Fredrik Höglund retweeted
Me and @ephemjs is hosting yet another Swedish javascript lunch discussion on @joinClubhouse tomorrow at 12.00 CET. Join in and listen and/or share your very best/worst/average JS-thoughts and ideas: joinclubhouse.com/event/xBv5…
I'm having a JS discussion in Swedish with @ephemjs on @joinclubhouse this Monday “Javascript-snack på svenska”. Join us at 12.00 and let’s have a nice lunch talk together: joinclubhouse.com/event/M8NQ…
1
2
3