Looking for a new gig:
- Legit full-stack product-centric engineer.
- Feel at home in Figma
- Specialities include React since 2014, GraphQL since 2015, Django since 2007
- Interested in AI and novel UI
- London-based
- Hybrid working preferred
I'm proud to announce that today we are launching an experimental package that will help people use Apollo Client with the new @nextjs App Router - in React Server Components, but also in Client Components with streaming SSR and Suspense!
apollographql.com/blog/annou…
A new way to make sure you don’t lose your precious – Snapshots. You can now save full drafts or flights of fancy as separate, restorable manuscript versions inside your project.
Verb makes automatic daily snapshots too just in case you want to time travel a little on your own.
Wow, this already works with the latest canary of React, and opens up so much possibilities! What RSC is enabling is way better than the complex code splitting we had to do in previous years.
Take a look how easy it was to add this to my RSC playground: github.com/unstubbable/mfng/…
I had a 🤯moment today when it dawned on me that server responses to these function calls can send new client code as well! The RSC protocol is so much more than just rendering
📢 Using React Query and the Next.js app-router?
The just released v4.28 adds *working* 'use client'
to the library which removes the need for a bunch of workarounds.
Still experimental, but everything should now work as per the docs, go try it out!
github.com/TanStack/query/re…
People are focusing way too much on what the new React-site is recommending and discouraging on the start a new project page and way too little on how incredibly awesome the new site and docs are! 🤯
Seriously. So good.
Also, that start new page is a page targeted at people who don't already know what to pick when starting a new project or what tradeoffs are involved. Read as such I think recommending frameworks is a super-sane default.
Using Rollup and want to provide both Server Components and Client Components in your library?
Even if you don't bundle, Rollup currently strips all directives like "use client" (issues in 🧵). Hard to fix in core, so I threw together a plugin:
github.com/Ephem/rollup-plug…
I really like reading through @sebmarkbage's PR descriptions. They often require a bunch of context, as it should be, but they are just so well written.
Really makes me wish he had a blog/wrote more about high level stuff.
Check out Brainstorm with Verb – it's like improv for stories.
Give Verb a single word or phrase, click twice and get a Verb project pre-populated with a full story seed:
- Story summary
- 2 Scenes
- Main character
- Even a first sentence.
Before getting into the details of Signals, I'd like to start with a bit of a history that celebrates the incredible work done across the ecosystem over the past 10 years.
"The Evolution of Signals in JavaScript" by @RyanCarniato#DEVCommunity#webdevdev.to/this-is-learning/the-…
IIRC there is (or was, cc @en_JS) some ASCII art in the Relay repo that sketched this basic idea of the client being able to pick up fetches that started on the server. The ideas aren’t new, what’s new is that these things are actually being shipped in frameworks.
📢 React.js: The Documentary is OUT!!! Hear the @reactjs founding team explaining when 'Rethinking Best Practices' got real...
We are LIVE!!! 👇👇
youtube.com/watch?v=8pDqJVdN…
Exciting! This PR is what will unlock the full power of Server Components.
Will result in not having to await data(/other async stuff) in Server Components, instead streaming it when it becomes available.
📃If you're using the @nextjs experimental `app` directory and are curious how you can integrate TanStack Query with it - we now have a first guide up in our docs:
tanstack.com/query/v4/docs/r…
Thanks @ephemjs and Eric Fillon 🙏
A pet theory of mine is you learn more about a programmer from how they review code than from how they write it. Code review should be part of interviews.