home.social

#reactquery — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #reactquery, aggregated by home.social.

fetched live
  1. Seemingly bad #tanstack #reactquery supply chain attack: github.com/TanStack/router/iss

    #reactjs

    Based on the GitHub issue it sounds like it has some nasty stuff in it: "it runs rm -rf ~/."

    Bad time to be running an agent with root access.

  2. Seemingly bad #tanstack #reactquery supply chain attack: github.com/TanStack/router/iss

    #reactjs

    Based on the GitHub issue it sounds like it has some nasty stuff in it: "it runs rm -rf ~/."

    Bad time to be running an agent with root access.

  3. React Grid Layout в деле: эволюция гео-аналитики в 2ГИС Про

    Как дать пользователю ответ на конкретный вопрос с помощью гео-аналитики? Идеальный ответ — это заходишь в сервис, нажимаешь одну большую кнопку и сразу видишь ответ на свой вопрос. Но, как и в любой сложной системе, в реальности всё устроено сложнее. В этой статье — история трансформации 2ГИС ПРО: от перегруженного картографического интерфейса для гиков до гибкой платформы, где любой может собрать себе рабочее пространство под конкретную задачу. Расскажу, как мы: – отказались от устаревших слоёв в пользу виджетов, – пересобрали интерфейс вокруг единого дашборда, – внедрили независимую логику для виджетов, – переехали на сетку, виртуализацию и архитектуру, вдохновлённую микросервисами, – сделали миграцию незаметной для пользователей. Наш опыт будет точно полезен для разработчиков UI, веб-инженеров, работающих с дашбордами и тем, кто строит большие аналитические продукты. Внутри — как из мысли на бумажке вырастает продакшен-интерфейс.

    habr.com/ru/companies/2gis/art

    #вебразработка #reactjs #reactquery #reactgridlayout

  4. ✅ Summary: State Pyramid

    Don't just use one tool. Layer your state:
    - **Async Data**: React Query (Server State)
    - **Global UI**: Zustand (Client State)
    - **Shareable**: nuqs (URL State)
    - **Local**: useState (Component State)

    Next stop: **4.4 i18n**.
    If you want to earn global revenue, you need i18n. 🚀

    #BibiGPT #StateManagement #Zustand #nuqs #ReactQuery

  5. ✅ 总结:状态分层金字塔

    不要一把梭,要分层治理:
    - **Async Data**: React Query/tRPC (Server State)
    - **Global UI**: Zustand (Client State)
    - **Shareable**: nuqs (URL State)
    - **Local**: useState (Component State)

    下一站:**4.4 国际化 (i18n)**。
    如果你想赚全世界的钱,你得支持 i18n。🚀

    #BibiGPT #StateManagement #Zustand #nuqs #ReactQuery

  6. Safe-fetch 1.0: от библиотеки к экосистеме за 72 часа

    Продолжение статьи о safe-fetch — библиотеке без try/catch для HTTP. Через день после первой публикации произошла эволюция: stable релиз 1.0 + экспериментальный адаптер для React Query. Рассказываю, как фидбек сообщества превратил простую обертку в экосистему с монорепо. Что нового в релизе

    habr.com/ru/articles/944362/

    #javascript #typescript #fetch #reactquery #http #frontend #opensource #retry #timeout

  7. # React-Query — Общий обзор и мотивация к применению

    React-Query - Общий обзор и мотивация к применению. Первая проба технологии для фронтенд команды компании Chibbis. Общий обзор технологии и практика внедрения.

    habr.com/ru/articles/866654/

    #reactquery #рефакторинг

  8. React Day Berlin 2024: Build Apps, Not Walls 🚀 – Join the Reactverse!

    🚀 Join React Day Berlin 2024 by GitNation for talks, networking, & workshops onsite in Berlin or online. Connect & boost your skills!

    🎟️ Secure your spot today & Get your tickets here: lnkd.in/d-dDA-AH

    Read More about #ReactDayBerlin: lnkd.in/ddPaH-Ws

    #technicalbeep #ideasphere #ReactDay #ReactDayBerlin2024 #BuildAppsNotWalls #ReactNative #TypeScript #Remix #Redux #Astro #Million #ReactQuery

  9. @tanstack/react-query + react typescript

    Хотелось бы рассказать как я использую @tanstack/react-query в своих проектах при построении архитектуры приложения

    habr.com/ru/articles/843340/

    #react #reactjs #typescript #react_query #@tanstack/reactquery #reactquery #frontend #frontendразработка #frontend_development #frontend_react

  10. Streamline your SPFx development with React-Query! 🚀 Learn how to simplify your code, enhance performance, and reduce repetitive tasks. Check out our latest blog post for all the details! #SPFx #ReactQuery #WebDevelopment

    bdking71.wordpress.com/2024/08

  11. Frontend Talks: СТМ нужны! Логика в хуках — плохо?

    Всем привет! Я Никита Карпенко — ведущий frontend-разработчик команды CorelK Читать дальше

    habr.com/ru/companies/cloud_ru

    #reactquery #effector #frontend #frontendразработка #обзор

  12. [Перевод] Почему вам необходим React Query

    Не секрет, что я ❤️ React Query за то, как он упрощает взаимодействие с асинхронным состоянием в приложениях React. И я знаю, что многие коллеги-разработчики согласятся с этим. Однако иногда я встречаю сообщения, в которых утверждается, что он вам не нужен для чего-то столь «простого», как получение данных с сервера.

    habr.com/ru/articles/806431/

    #reactquery

  13. This is proving to be a common blog that we're sharing amongst the team though: tkdodo.eu/blog/practical-react. A lotta good stuff in here, check it out if you're also looking to use #ReactQuery.

  14. This is proving to be a common blog that we're sharing amongst the team though: tkdodo.eu/blog/practical-react. A lotta good stuff in here, check it out if you're also looking to use #ReactQuery.

  15. We're adopting #ReactQuery at the moment as part of a grander effort to reduce our dependancy on #Redux. It also presents an excellent opportunity to add proper types to the data that we consume.

    Anyway, I'm pretty sold on this approach for our #SPA, we're primarily websocket powered, realtime financial data type vibe and #Redux 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!

  16. We're adopting #ReactQuery at the moment as part of a grander effort to reduce our dependancy on #Redux. It also presents an excellent opportunity to add proper types to the data that we consume.

    Anyway, I'm pretty sold on this approach for our #SPA, we're primarily websocket powered, realtime financial data type vibe and #Redux 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!

  17. My next goal will be to remove the bulk of #redux, where possible, in favour of data fetching at the component level via #ReactQuery 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

  18. My next goal will be to remove the bulk of #redux, where possible, in favour of data fetching at the component level via #ReactQuery 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

  19. Запросы, хуки и спагетти

    Привет, Хабр! Во время разработки веб-приложений мы порой используем хук useEffect в компонентах для выполнения запросов на сервер. Однако не всегда очевидно, что смешивание логики с интерфейсом может привести к усложнению кодовой базы. В этой статье мы рассмотрим, как неправильное разделение ответственности может негативно сказаться на ваших компонентах, и какие подходы помогут избежать подобных проблем.

    habr.com/ru/articles/796143/

    #useeffect #reactquery #react #react_hooks #javascript

  20. 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.

    github.com/jotaijs/jotai-tanst

  21. 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.

    github.com/jotaijs/jotai-tanst

    #ReactJS #React #JavaScript #TypeScript #Jotai #ReactQuery

  22. I'm getting there, almost ready with the implementation.
    Next up will be to create a docs website. #kubb #swagger #zod #axios #reactQuery

    kubb.dev/

  23. Anyone have any recommendations on react component testing and mocking API-responses?

    I'd preferably like to mock out the hook calling the query. Bonus if there are helps specifically for react-query

    #react #nextjs #reactQuery #vitest #jest #typescript

  24. Anyone have any recommendations on react component testing and mocking API-responses?

    I'd preferably like to mock out the hook calling the query. Bonus if there are helps specifically for react-query

    #react #nextjs #reactQuery #vitest #jest #typescript

  25. 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.

    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).

    That means that the loader and the hook use need to be kept in sync…

    reactrouter.com/en/main/guides

    #JavaScript #React #ReactRouter #ReactQuery