mstdn.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A general-purpose Mastodon server with a 500 character limit. All languages are welcome.

Administered by:

Server stats:

9.6K
active users

#reactquery

0 posts0 participants0 posts today
Habr<p># React-Query — Общий обзор и мотивация к применению</p><p>React-Query - Общий обзор и мотивация к применению. Первая проба технологии для фронтенд команды компании Chibbis. Общий обзор технологии и практика внедрения.</p><p><a href="https://habr.com/ru/articles/866654/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">habr.com/ru/articles/866654/</span><span class="invisible"></span></a></p><p><a href="https://zhub.link/tags/reactquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactquery</span></a> <a href="https://zhub.link/tags/%D1%80%D0%B5%D1%84%D0%B0%D0%BA%D1%82%D0%BE%D1%80%D0%B8%D0%BD%D0%B3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>рефакторинг</span></a></p>
TECHnicalBeep<p>React Day Berlin 2024: Build Apps, Not Walls 🚀 – Join the Reactverse!</p><p>🚀 Join React Day Berlin 2024 by GitNation for talks, networking, &amp; workshops onsite in Berlin or online. Connect &amp; boost your skills!</p><p>🎟️ Secure your spot today &amp; Get your tickets here: <a href="https://lnkd.in/d-dDA-AH" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lnkd.in/d-dDA-AH</span><span class="invisible"></span></a></p><p>Read More about <a href="https://mastodon.social/tags/ReactDayBerlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactDayBerlin</span></a>: <a href="https://lnkd.in/ddPaH-Ws" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lnkd.in/ddPaH-Ws</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/technicalbeep" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>technicalbeep</span></a> <a href="https://mastodon.social/tags/ideasphere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ideasphere</span></a> <a href="https://mastodon.social/tags/ReactDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactDay</span></a> <a href="https://mastodon.social/tags/ReactDayBerlin2024" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactDayBerlin2024</span></a> <a href="https://mastodon.social/tags/BuildAppsNotWalls" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BuildAppsNotWalls</span></a> <a href="https://mastodon.social/tags/ReactNative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactNative</span></a> <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.social/tags/Remix" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Remix</span></a> <a href="https://mastodon.social/tags/Redux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Redux</span></a> <a href="https://mastodon.social/tags/Astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Astro</span></a> <a href="https://mastodon.social/tags/Million" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Million</span></a> <a href="https://mastodon.social/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a></p>
Habr<p>@tanstack/react-query + react typescript</p><p>Хотелось бы рассказать как я использую @tanstack/react-query в своих проектах при построении архитектуры приложения</p><p><a href="https://habr.com/ru/articles/843340/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">habr.com/ru/articles/843340/</span><span class="invisible"></span></a></p><p><a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://zhub.link/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a> <a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://zhub.link/tags/react_query" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react_query</span></a> #@tanstack/reactquery <a href="https://zhub.link/tags/reactquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactquery</span></a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://zhub.link/tags/frontend%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontendразработка</span></a> <a href="https://zhub.link/tags/frontend_development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend_development</span></a> <a href="https://zhub.link/tags/frontend_react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend_react</span></a></p>
Habr<p>Frontend Talks: СТМ нужны! Логика в хуках — плохо?</p><p>Всем привет! Я Никита Карпенко — ведущий frontend-разработчик команды CorelK Читать дальше</p><p><a href="https://habr.com/ru/companies/cloud_ru/articles/807879/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">habr.com/ru/companies/cloud_ru</span><span class="invisible">/articles/807879/</span></a></p><p><a href="https://zhub.link/tags/reactquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactquery</span></a> <a href="https://zhub.link/tags/effector" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>effector</span></a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://zhub.link/tags/frontend%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontendразработка</span></a> <a href="https://zhub.link/tags/%D0%BE%D0%B1%D0%B7%D0%BE%D1%80" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>обзор</span></a></p>
Habr<p>[Перевод] Почему вам необходим React Query</p><p>Не секрет, что я ❤️ React Query за то, как он упрощает взаимодействие с асинхронным состоянием в приложениях React. И я знаю, что многие коллеги-разработчики согласятся с этим. Однако иногда я встречаю сообщения, в которых утверждается, что он вам не нужен для чего-то столь «простого», как получение данных с сервера.</p><p><a href="https://habr.com/ru/articles/806431/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">habr.com/ru/articles/806431/</span><span class="invisible"></span></a></p><p><a href="https://zhub.link/tags/reactquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactquery</span></a></p>
matt 🦕<p>This is proving to be a common blog that we're sharing amongst the team though: <a href="https://tkdodo.eu/blog/practical-react-query" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tkdodo.eu/blog/practical-react</span><span class="invisible">-query</span></a>. A lotta good stuff in here, check it out if you're also looking to use <a href="https://mastodon.social/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a>.</p>
matt 🦕<p>We're adopting <a href="https://mastodon.social/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a> at the moment as part of a grander effort to reduce our dependancy on <a href="https://mastodon.social/tags/Redux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Redux</span></a>. It also presents an excellent opportunity to add proper types to the data that we consume. </p><p>Anyway, I'm pretty sold on this approach for our <a href="https://mastodon.social/tags/SPA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SPA</span></a>, we're primarily websocket powered, realtime financial data type vibe and <a href="https://mastodon.social/tags/Redux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Redux</span></a> never really made sense there, a lot of boilerplate for a fairly ephemeral stream of data. And for the RESTy bits of the app it's perfect!</p>
matt 🦕<p>My next goal will be to remove the bulk of <a href="https://mastodon.social/tags/redux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>redux</span></a>, where possible, in favour of data fetching at the component level via <a href="https://mastodon.social/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a> and composed with simpler hooks to encapsulate repeated work - there’s a lot of “take an entity, turn it into a map, memoise the result, pull out a value” which is done in the current app and while it’s at least memoised there’s huge opportunity for neater abstractions</p>
Habr<p>Запросы, хуки и спагетти</p><p>Привет, Хабр! Во время разработки веб-приложений мы порой используем хук useEffect в компонентах для выполнения запросов на сервер. Однако не всегда очевидно, что смешивание логики с интерфейсом может привести к усложнению кодовой базы. В этой статье мы рассмотрим, как неправильное разделение ответственности может негативно сказаться на ваших компонентах, и какие подходы помогут избежать подобных проблем.</p><p><a href="https://habr.com/ru/articles/796143/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">habr.com/ru/articles/796143/</span><span class="invisible"></span></a></p><p><a href="https://zhub.link/tags/useeffect" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>useeffect</span></a> <a href="https://zhub.link/tags/reactquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactquery</span></a> <a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://zhub.link/tags/react_hooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react_hooks</span></a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a></p>
Daishi Kato<p>jotai-tanstack-query v0.8.0 is released! Welcome to our new maintainer, kalijonn! The new API introduces a breaking change, but it's designed to be in line with the React hooks binding of TanStack Query.</p><p><a href="https://github.com/jotaijs/jotai-tanstack-query" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/jotaijs/jotai-tanst</span><span class="invisible">ack-query</span></a></p><p><a href="https://fosstodon.org/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://fosstodon.org/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://fosstodon.org/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://fosstodon.org/tags/Jotai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jotai</span></a> <a href="https://fosstodon.org/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a></p>
OpenSouthCode<p>Braulio Diez Botella de Lemoncoders se gana a la audiencia. “Sería muy bueno poder tener los datos ya recuperados disponibles en una página y diferenciar datos en caché obsoletos para refrescar cuando haga falta”. <a href="https://floss.social/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a>. <a href="https://floss.social/tags/OpenSouthCode23" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSouthCode23</span></a></p>
స్వేచ్ఛ | Swecha9th edition of <a class="hashtag" href="https://fsmi.social/tag/devdays" rel="nofollow noopener" target="_blank">#DevDays</a> happened on April 15, 2023 at jTBI(JNTUH Technology Business Incubator), Hyderabad.<br><br>We had talk on “Building a robust data layer with <a class="hashtag" href="https://fsmi.social/tag/reactquery" rel="nofollow noopener" target="_blank">#ReactQuery</a>”, by @_vramana, Frontend Team Lead at @KISI
Stijn Van Hulle ✅<p>I'm getting there, almost ready with the implementation. <br>Next up will be to create a docs website. <a href="https://mastodon-belgium.be/tags/kubb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>kubb</span></a> <a href="https://mastodon-belgium.be/tags/swagger" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>swagger</span></a> <a href="https://mastodon-belgium.be/tags/zod" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>zod</span></a> <a href="https://mastodon-belgium.be/tags/axios" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>axios</span></a> <a href="https://mastodon-belgium.be/tags/reactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactQuery</span></a></p><p><a href="https://kubb.dev/" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">kubb.dev/</span><span class="invisible"></span></a></p>
AvidDabbler<p>Working with <a href="https://hachyderm.io/tags/tRPC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tRPC</span></a> I can definitely tell that <a href="https://hachyderm.io/tags/rtkquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rtkquery</span></a> was trying to solve the same issue, but it just took forever to setup and lacked docs. </p><p>Overall setting up rtkquery with types, transformations and authentication (because it is done client side) was much harder to setup. </p><p>Trpc is not really a 1 to 1 to rtkqery it is more of a “yes and”. With <a href="https://hachyderm.io/tags/reactquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactquery</span></a> built into trpc you get the benefit of avoiding the transformation section on server side + type inference to client side</p>
Pavneet Singh Saund 🙌🏾<p>Anyone have any recommendations on react component testing and mocking API-responses?</p><p>I'd preferably like to mock out the hook calling the query. Bonus if there are helps specifically for react-query</p><p><a href="https://hachyderm.io/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://hachyderm.io/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> <a href="https://hachyderm.io/tags/reactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactQuery</span></a> <a href="https://hachyderm.io/tags/vitest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vitest</span></a> <a href="https://hachyderm.io/tags/jest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jest</span></a> <a href="https://hachyderm.io/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a></p>
Fiona Hopkins<p>Stumbled across the fetcher/action data APIs in React Router 6.4. These folks tend to know what they’re talking about so I give them the benefit of the doubt.</p><p>But I’m skeptical of the data library integration pattern… it seems like you make the same requests in the loader function and again in your component via the hook (getting cached values).</p><p>That means that the loader and the hook use need to be kept in sync…</p><p><a href="https://reactrouter.com/en/main/guides/data-libs" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reactrouter.com/en/main/guides</span><span class="invisible">/data-libs</span></a></p><p><a href="https://tech.lgbt/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://tech.lgbt/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://tech.lgbt/tags/ReactRouter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactRouter</span></a> <a href="https://tech.lgbt/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a></p>
0×4a6f4672<p>Volume 27 Thoughtworks Technology <a href="https://ruby.social/tags/Radar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Radar</span></a> was published last month by <span class="h-card"><a href="https://toot.thoughtworks.com/@bboeckel" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>bboeckel</span></a></span>, <span class="h-card"><a href="https://toot.thoughtworks.com/@edoernen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>edoernen</span></a></span> and the other folks at <a href="https://ruby.social/tags/Thoughtworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Thoughtworks</span></a>. This time including <a href="https://ruby.social/tags/Deltalake" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Deltalake</span></a> from <a href="https://ruby.social/tags/DataBricks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataBricks</span></a>, <a href="https://ruby.social/tags/ReactQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactQuery</span></a> and more<br><a href="https://www.thoughtworks.com/en-us/radar" rel="nofollow noopener" target="_blank"><span class="invisible">https://www.</span><span class="">thoughtworks.com/en-us/radar</span><span class="invisible"></span></a></p>