Freelance developer - React Query maintainer - Occasional OSS contributor - Been putting React on servers for a decade - Father of two - Homebrewer

Stockholm
This blog post was the best read I've had in quite a while, read it! It kind of misses a major point of Suspense, loading state orchestration, but much of the problem description rung true with me.
Crank looks like what we’ve been trying to achieve with React since the beginning: using the full power of JavaScript to build UIs. Excited to see how it’ll work out in practice! crank.js.org/blog/introducin…
2
3
I'm curious if Crank can achieve the same level of orchestration between different parts of the UI as the React "UI runtime", or if the approach will have fundamental difficulties with things like avoiding tearing, but oh gosh, it looks super interesting and I'm rooting for it.
1
Here is my best tip for useEffect: ... Who am I kidding, despite my best efforts I still have no idea what I'm doing for anything more complex than setting the page title. 🙃
1
Brought to you by the guy who has been trying for ages to implement getInitialProps with tiered loading states on top of React Router, with stable scroll restoration. 😤😓
3
Fredrik Höglund retweeted
GraphQL isn't just about another layer between clients and your backend, but rather entity description and object modeling in your app domain with strong typing throughout the system. Once you have this foundation in place other functionality becomes simpler.
4
18
80
Current eslint-rules for finding dead code either works only in a single file, or only checks if an export is unused in other files. I tried it out and by combining the rules achieved dead code linting that checks if an export is entirely unused in the project.
Has anyone combined the eslint rules no-unused-vars and import/no-unused-modules (the unused exports part) yet? Seems doable to get better dead code linting across module boundaries.
1
2
Not sure I can open source this since I did it at work and also might not have personal time to finish it up and package it, but it seems to work well!
3
1
Has anyone combined the eslint rules no-unused-vars and import/no-unused-modules (the unused exports part) yet? Seems doable to get better dead code linting across module boundaries.
1
The new Facebook design is so much better! I did find the experience slightly jarring though, without knowing why. Upon reflection, I realized the lack of feedback on interaction (esp in dark mode) in combination with the delayed loading states (with Suspense) bugs me.
1
Maybe it's something you get used to, but it worries me. Delayed loading states is a global thing, it applies everywhere you use Suspense. Crafting good feedback on interaction is not and easy to forget/get wrong. Both are needed to improve UX from no delay.
1
Tell us about a young child but say “my co-worker” or “my friend’s co-worker” instead of their name. (Because, you know, this is reality now for some of us.) Ex: My co-worker asked for yogurt and is now crying because I gave her yogurt.
1,609
1,790
16,129
Not a huge number by any means, but big for me. react-lightyear passes a 1000 weekly downloads! 😮 I haven't updated it in a very long time, but a new merge of React master is done, just waiting on some CI-issues to be resolved.
7
I don't know who else needs to hear this, but I certainly did.
To parents entertaining kids during social distancing and quarantine: IF YOU KEEP THEM ALIVE THAT IS SUFFICIENT. Don't feel guilty if you're not enriching their souls, teaching them kumihimo & sign language & engaging their spirits. Toss them some fish sticks; they'll be fine.
1
Fredrik Höglund retweeted
Super significant release, Next.js is now fully hybrid and you can choose per-page if you want to SSG or SSR it. You get Preview Mode built-in. And with all these new features you get a 15 kB gzip reduction in runtime size 🤩 Really proud of the work my team has done! ♥
Next.js 9.3: ◆ Next-gen Static Site Generation (SSG) Support ◆ Preview Mode ◆ Built-In Sass Imports for Global Styles ◆ Built-In Sass Modules for Component-Level Styles ◆ Automatic Static Optimization for 404 ◆ 32 kB Smaller Runtime (15 kB gzip) nextjs.org/blog/next-9-3
25
130
876
Fredrik Höglund retweeted
wrote my first blog post at @replit - talking about the future of command lines, GUIs, and everything in between: blog.repl.it/clui
5
11
47
Fredrik Höglund retweeted
🧐 Hey! Wondering what Rome is? I tried it out. Here's what you need to know: jasonformat.com/rome-javascr…
19
180
685
If it's a function that returns JSX, make it a functional component and use it in JSX.
2
1
11
Fredrik Höglund retweeted
Imagine that whenever you asked any question, you only got a "yes" or "no" response. You'd probably get used to asking all the right questions to eventually get the answer you want. But still, isn't it a bit silly? Anyway, enums are a good substitute for booleans sometimes
10
11
169