Day 57 of Year 3
Day 788 overall since Jan 1, 2024.

Cohort: Cleaned up the /profile route in the frontend, fixed layout build issues, and verified that React Query is configured correctly. The page now loads properly and redirects to login for unauthenticated users. #FrontendDev #NextJS #ReactQuery

Mentorship: Set up my Express backend and implemented in-memory /users endpoints. Also debugged a port conflict between frontend and backend — laying solid groundwork for future expansion.

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

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

https://habr.com/ru/companies/2gis/articles/990082/

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

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

Как дать пользователю ответ на конкретный вопрос с помощью гео-аналитики? Идеальный ответ — это заходишь в сервис, нажимаешь одну большую кнопку и сразу видишь ответ на свой вопрос. Но, как и в любой...

Хабр

✅ 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

✅ 总结:状态分层金字塔

不要一把梭,要分层治理:
- **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

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

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

https://habr.com/ru/articles/944362/

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

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

Три дня назад я опубликовал статью про safe-fetch — библиотеку, которая убирает try/catch из HTTP-запросов. Вчера статья набрала 8,5K просмотров и 64 добавления в закладки. А сегодня представляю...

Хабр

React Query - the bad parts

Dominik caps off a fantastic series of posts digging into #ReactQuery

👉 https://bit.ly/3Q9UJFA

React Query - The Bad Parts

In this talk, maintainer Dominik will explore the other side—the less favorable aspects of React Query and situations where it may not be the best fit. No library is perfect; every choice involves trade-offs. By the end of this talk, you'll have a better understanding of React Query's limitations and why it remains a compelling choice despite them.

If you're a React dev chances are you’ve already used React Query—or at least heard about it.

But, in case you’ve been living under a rock (😉): React Query is a popular library for fetching data & managing state in #React apps.

We’ve been using #ReactQuery for React-admin for years & we love it!

Sure, every library has trade-offs, but the talk “React Query - The Bad Parts” shows why the good far outweighs the bad!

Thanks for the great insights & solution! 🙌

🔗 https://gitnation.com/contents/react-query-the-bad-parts

React Query - The Bad Parts by Dominik Dorfmeister - Video recording

React.js is a new language for JavaScript that provides a more efficient and flexible way to build user interfaces. It uses a virtual DOM and JSX syntax. React.js is compatible with TypeScript and has certain requirements, such as Node.js and npm installation and knowledge of HTML, CSS, and JavaScript.

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

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

https://habr.com/ru/articles/866654/

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

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

Статья о том, как фронтенд-команде компании Чиббис, выдалась возможность построить с нуля новый проект и использовать в нем новые(для нас в компании) подходы и инструменты, в частности React-Query(про...

Хабр

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: https://lnkd.in/d-dDA-AH

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

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

LinkedIn

This link will take you to a page that’s not on LinkedIn

How Infinite Queries work

A serious bug report about infinite queries led me to question it's architecture, but it all turned out fine in the end ...