Daishi Kato · @daishi
273 followers · 223 posts · Server fosstodon.org
Here's a very rough drawing to show the protocol (over HTTP) of Waku v0.15.0.
#reactjs #react #javascript #typescript #servercomponents
Daishi Kato · @daishi
270 followers · 219 posts · Server fosstodon.org
🎉 Waku-Waku excited to announce Waku v0.15.0!
It's a new version with breaking change. Improves the protocol so that a RSC payload can contain multiple JSX elements. Has new API based on user feedback.
GitHub 👉 https://github.com/dai-shi/waku
Playground 👉 https://codesandbox.io/p/sandbox/waku-example-counter-mdc1yb
🤩
#reactjs #react #javascript #typescript #servercomponents
Daishi Kato · @daishi
270 followers · 219 posts · Server fosstodon.org
Jotai tips: optimize rendering with two atoms
Here's an advanced tip to optimize React rendering with Jotai. Can you guess why the behavior of the second atom is different from the first one?
#reactjs #react #javascript #typescript #jotai
Nick Taylor · @nickytonline
514 followers · 708 posts · Server toot.cafe
Hot off the press! 🔥 Yet Another Newsletter LOL: Fortune Cheese https://buttondown.email/nickytonline/archive/yet-another-newsletter-lol-fortune-cheese/ #javascript #reactjs #bunjs
Daishi Kato · @daishi
270 followers · 219 posts · Server fosstodon.org
Jotai tips: selected item atom
It's a simple one. I'm not sure if it's worth a tip, though. Is it?
#reactjs #react #javascript #typescript #jotai
Nick Taylor · @nickytonline
513 followers · 702 posts · Server toot.cafe
Looking forward to hanging with Aiden Bai this coming week on https://nickyt.live!
Come hang and chill with us as Aiden gives us the low down on https://millionjs.org!
Happening Wednesday, September 13th at 5 pm UTC!
Reminder: https://www.nickyt.co/pages/stream-schedule/#aiden-bai-virtual-dom-back-in-block
#javascript #reactjs #VirtualDom
Daishi Kato · @daishi
270 followers · 219 posts · Server fosstodon.org
Jotai tips: two args
Jotai v1 only accepts one argument for write function. Since v2, the write function can take two or more arguments. (Also, better TS support for zero arguments.)
#reactjs #react #javascript #typescript #jotai
Daishi Kato · @daishi
270 followers · 215 posts · Server fosstodon.org
Jotai tips: toggle atom
Let's learn the simple one too. The point is we don't export the base atom.
#reactjs #react #javascript #typescript #jotai
Daishi Kato · @daishi
270 followers · 215 posts · Server fosstodon.org
jotai-tanstack-query v0.7.2 is released!
https://github.com/jotaijs/jotai-tanstack-query
This is a patch to the current implementation.
On the other hand, we may need to overhaul. I wonder if someone who is familiar with TanStack Query to develop it from scratch.
#reactjs #react #javascript #typescript #jotai
Ryosuke · @whoisryosuke
699 followers · 1286 posts · Server mastodon.gamedev.placereally torn between doing a high contrast "web-view" content area for legibility, or keep it as native as possible (and legible hopefully) #VisionPro #ReactJS
Daishi Kato · @daishi
266 followers · 212 posts · Server fosstodon.org
Jotai tips: write chain
Jotai atom's write function can invoke write function of another atom. It behaves like normal function call.
#reactjs #react #javascript #typescript #jotai
🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸 · @schizanon
513 followers · 7401 posts · Server mas.to
Daishi Kato · @daishi
266 followers · 212 posts · Server fosstodon.org
Jotai tips: swap atom
Jotai atom can hold another atom. It's called atoms-in-atom pattern, which opens up various usage. For example, we can swap two atoms. How would it be useful?
#reactjs #react #javascript #typescript #jotai
Jay :iwate: · @jasohill
226 followers · 647 posts · Server famichiki.jpI just learned how to spin up a local React.js app using Vite. Not the hardest process in the world, but the real mystery was why node and npm were already on my mac when I went looking for them. I don't recall doing any JS stuff before this year. Very odd. #dev #reactjs #programming
Daishi Kato · @daishi
264 followers · 210 posts · Server fosstodon.org
Jotai tips: atom with local storage
The simple version of it is pretty readable and it just works. You can modify it for your requirements.
#reactjs #react #javascript #typescript #jotai
Daishi Kato · @daishi
264 followers · 209 posts · Server fosstodon.org
Jotai tips: atom depending on props
If you want to create a derived atom with props, useMemo should do.
#reactjs #react #javascript #typescript #jotai
Karthikeyan A K · @mindaslab
76 followers · 856 posts · Server mstdn.social
Daishi Kato · @daishi
264 followers · 209 posts · Server fosstodon.org
Jotai tips: derived-like atoms
Sometimes, we can't derive atoms as usual (ex. atomWithStorage). We can use `write` to do something similar.
#reactjs #react #javascript #typescript #jotai
Marco Franzon · @mfranz_on
34 followers · 86 posts · Server fosstodon.org
🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸 · @schizanon
506 followers · 7249 posts · Server mas.toIn the beginning #websites were static files.
Then websites were generated dynamically on a server with a language like #PHP or #Ruby.
But when we wanted to do complex #frontend behaviors we would need to generate #html in the same way as those #backend languages, which was awkward.
So, we used #reactJS #fullstack to render "Single Page Apps" (#SPA) in the browser and on the server using "Server-Side Rendering" (#SSR).
#javascript #webdev #ssr #spa #fullstack #reactjs #backend #html #frontend #Ruby #PHP #websites