Tech news from Canada · @TechNews
998 followers · 27985 posts · Server mastodon.roitsystems.ca
Make Use Of: How to Use React Router V6: A Beginner's Guide https://www.makeuseof.com/react-router-v6-how-use/ #Tech #MakeUseOf #TechNews #IT via @morganeogerbc #WebDevelopment #Programming #React
#Tech #MakeUseOf #technews #it #webdevelopment #programming #react
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
Ignacio Chavez · @nashio
27 followers · 163 posts · Server mstdn.social
François Best · @Franky47
165 followers · 385 posts · Server mamot.frKind of torn on the semantics of #semver
Does a change in behaviour grant a breaking change, if the API remains the same (drop-in upgrade), but the new behaviour seems like a bug fix?
For context: next-usequerystate up to 1.7.3 did scroll to the top of the page on query updates, which was annoying. The new version doesn't.
What version should that be? (there are other features in the release to it'll be at least a minor bump)
#semver #webdev #react #opensource
Zaher Ghaibeh · @zaherg
73 followers · 1274 posts · Server micro.srvr.devany one I know is running #puppeteer on @vercel using nextjs?
I would appreciate some examples ;D
#puppeteer #react #nextjs #javascript #vercel
Tech news from Canada · @TechNews
995 followers · 27837 posts · Server mastodon.roitsystems.ca
Make Use Of: Building Accessible React Applications With React Aria Components https://www.makeuseof.com/accessible-react-apps-with-react-aria-components/ #Tech #MakeUseOf #TechNews #IT via @morganeogerbc #CodingTutorials #WebDevelopment #Accessibility #Programming #React
#Tech #MakeUseOf #technews #it #CodingTutorials #webdevelopment #accessibility #programming #react
John Lister - GeoScrub · @GeoScrubJohnL
14 followers · 15 posts · Server fosstodon.orgAlright as promised I am kicking this series back off where I will be showing you how to build a web map component for React.js with a variety of mapping libraries. 🗺️ 🍃
Today we have @leaflet all ready to go!
Enjoy:
https://medium.com/@gisjohnecs/part-2-web-mapping-with-leaflet-react-js-adef75f8aedc
#leflet #gis #gischat #react #webdev
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
François Best · @Franky47
166 followers · 375 posts · Server mamot.fr📢 🇫🇷 Pour les #dev #react sur #grenoble: le 4 Octobre je présente les React Server Components au meetup Web & Bar à la Bobine.
Au plaisir de vous y retrouver 🍻
https://www.meetup.com/grenoble-web-development-meetup-group/events/295932660
Tech news from Canada · @TechNews
996 followers · 27774 posts · Server mastodon.roitsystems.ca
Make Use Of: How to Build User-Friendly Forms Using Chakra UI in React https://www.makeuseof.com/chakra-ui-react-forms-user-friendly/ #Tech #MakeUseOf #TechNews #IT via @morganeogerbc #WebDevelopment #Programming #React #CSS
#Tech #MakeUseOf #technews #it #webdevelopment #programming #react #css
Pascal · @pascal
80 followers · 264 posts · Server moth.socialI wrote a blog post about some of the things I actually prefer about #React over my beloved #SvelteKit, with some shade for #Angular and #Tailwind. Bonus shoutout to @collinsworth
#react #sveltekit #angular #tailwind
Pier-Luc Brault · @plbrault
72 followers · 74 posts · Server fosstodon.orgJust read an article about #React Server Components, and I would like to say that we have now come full circle from PHP.
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
Tom Smykowski · @tomaszs
32 followers · 221 posts · Server techhub.social
I've reviewed 20 entry level React.js projects to combine a list of 20 tips on how you can improve your code
https://tomaszs2.medium.com/20-react-js-tips-from-a-code-review-ep-1-39c81d2b5739
François Best · @Franky47
166 followers · 370 posts · Server mamot.fr
Today in #webdesign: card component to embed GitHub repo stats and NPM package download graph.
Another great case for #react server components: all data is fetched at render time, cached for 24h, and rendered to a static HTML+SVG+CSS output.
:rss: Qiita - 人気の記事 · @qiita
43 followers · 1339 posts · Server rss-mstdn.studiofreesia.com【Next.js13】Dynamic Routesで動的にパスを生成したい
https://qiita.com/keisuke_sakuma/items/8e6207894bd5cc67d4cd?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #JavaScript #React #Next_js
#qiita #javascript #react #next_js
François Best · @Franky47
166 followers · 369 posts · Server mamot.fr
My current favourite trick with React Server Components: direct filesystem access and path manipulation via `import.meta.url` (the ESM equivalent of __filename in CJS).
As an example: how to get an "Edit this page on GitHub" URL for any file in the repository.
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