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. React Grid Layout в деле: эволюция гео-аналитики в 2ГИС Про

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

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

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

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

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

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

    habr.com/ru/articles/866654/

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

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

  6. @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

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

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

    habr.com/ru/companies/cloud_ru

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

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

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

    habr.com/ru/articles/806431/

    #reactquery

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

  10. 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!

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

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

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

    habr.com/ru/articles/796143/

    #useeffect #reactquery #react #react_hooks #javascript

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

  14. 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/

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

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