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
Tonight I experimented with getting out of order SSR-streaming working in react-lightyear, inspired by @acdlite's Zeit-day talk.
This is very unlikely to ever land in Lightyear proper, but fun to play with!
2
3
This is a great watch, @flexdinesh very pedagogically explains why streaming/progressive server side rendering can be such a big deal for performance! 👏
youtube.com/watch?v=Q4bCo6Kd…
1
5
Fredrik Höglund retweeted
urql is progressing really well at the moment! 📈😍
since I won’t haven’t written a follow up blog post yet, here are some random facts and thoughts about it in a /thread ✨
2
13
79
Streaming Suspense is going to be soo cool. Here is a quick and dirty demo in gif-format using Lightyear 💫.
1
7
I'm happy to announce that Lightyear 💫 has reached stable!
If you need, or want to play with, an asynchronous React server renderer that has support for Suspense, give the latest 16.9.0 version a spin. Also supports streaming.
github.com/Ephem/react-light…
7
24
Thanks @antoineBr for an excellent workshop/hackday and sorry for putting you through trying to debug that. 👏😊
1
Just spent all day at a Google PWA workshop trying to get a service worker registered correctly and had the strangest bugs. Turns out we had old code in another part of the app unregistering it again.. 😬
1
2
Note that this is not released in Lightyear yet, but it will soon be in case someone else wants to play around with it. :)
That will require concurrent mode to work though, which is going to be some serious work for most applications to support when it is finally released.
The existing solutions for universal code splitting will be around for a long time yet.
1
Since neither import() or require.resolve() can be dynamic, it is more or less impossible to make this pretty without using a babel-plugin like the established solutions do today.
This is solved by partial hydration, just another reason I'm so stoked for it!
1
Since react-lightyear supports suspense serverside, making React.lazy work was just a one line change from the current React master.
That unfortunately gives a hydration mismatch currently, one workaround is to give lazy() a synchronous thenable if the module is already loaded.
1
2
Fredrik Höglund retweeted
Feature programming:
1 day:
~1000 lines of code.
Bug fixing:
1 day:
~10 lines of code
Performance fixing:
7 days:
1 command line flag in a config file inside of docker file
32
1,203
5,728
Hosting a testing workshop with #ReactTestingLibrary @PriceRunner.
ALT Me in front of workshop attendees
1
Fredrik Höglund retweeted
Now in Chrome Canary - DevTools settings, like local overrides and blocked requests, are now active while Lighthouse audits your page in the Audits panel.
Here's an example, using local overrides to observe how marking a script tag `async` affects performance.
4
52
149
I just rediscovered the best talk of @ReactAmsterdam, Painting pixels with WebGL with React Hooks - Ashi Krishnan (@rakshesha)
I'm still totally in awe. Such a fantastic mix of tech, art and philosophy.
youtube.com/watch?v=1NZvwicG…
3
11
Just updated the react-lightyear readme with benchmarks (on par with React) and released a patch to fix an issue with streaming.
Next up, merge the changes from React 16.9. Wish me luck.
github.com/Ephem/react-light…
5
It's my sons birthday and I've recently bought a house, sold an apartment, worked my first week after vacations, been a bestman at a wedding and been preparing a CFP. Exhausted but feel so lucky and priviledged right now.
Will get back to working on React Lightyear soon! 🙇♂️
1
3
Fredrik Höglund retweeted
React 16.9 is now available! It contains several new features, bugfixes, and new deprecation warnings to help prepare for a future major release.
Learn all about it on our blog:
reactjs.org/blog/2019/08/08/…
33
874
2,119
Fredrik Höglund retweeted
"[External] Performance analysis: Next.js SSR on Node.js"
perf analysis done by v8 team
docs.google.com/document/d/1…
from here github.com/zeit/next.js/pull…
worth to read
2
7
17