Building a Blog in TanStack (Part 1 of 2)

https://fed.brid.gy/r/https://frontendmasters.com/blog/building-a-blog-in-tanstack-part-1-of-2/

TanStack Start Now Support React Server Components

https://tanstack.com/blog/react-server-components

#HackerNews #TanStack #React #Server #Components #Support #TanStackTools #WebDevelopment #FrontendDevelopment

Anne Ruskamp, Brian Zimmer, Javier Lozano, Rob Richardson and Kevin Van Cott have full-day Workshops at Nebraska.Code() in July.

https://nebraskacode.amegala.com/

#TechnologyWorkshop #JavaScript #OSS #TanStack #FrontEnd #Cloud #OpenSource #Kubernetes #Docker #AzureContainerService #AKS #API #MCP #LLM #ProductLifecycle #ProjectManagement #Scrum #Nebraska #DontPanicLabs

I have gotten quite fed up with #NextJS and I say this as a long-time zealot. There are so many ways to do very basic things like data fetching, data preloading, mutations, etc., and no well-established patterns for all of that. In practice, it feels like a light wrapper around #React (despite all the bloat), and you end up having to add a whole bunch of other libraries just to cover your bases (next-safe-action, nuqs, server-only, #TanStack Query/SWR, etc.). (1/2)

#coding #webdev #Vercel

React SSR Framework Showdown: TanStack Start, React Router, and Next.js Under Load, by @mcollina (@platformatic):

https://blog.platformatic.dev/react-ssr-framework-benchmark-tanstack-start-react-router-nextjs

#frameworks #serversiderendering #react #tanstack #reactrouter #nextjs #comparisons #performance #metrics

ООП для управления состоянием во Vue

Чувак, уже есть Pinia , Pinia Colada , TanStack Query для Vue, зачем ещё один способ управлять состоянием во Vue? Меня просто задолбало писать везде флаги отслеживания состояния для действий и делать store через фабричную функцию, как это делали наши праотцы в начале 2000-х. Запоминать зоопарк из разных composable-функций и хуков. Изучать какую-то другую систему реактивности, типа MobX, тоже не хочу. Это какой-то зашквар. Я хочу использовать то, что есть: реактивность Vue везде, классы, методы. Хочу использовать классические шаблоны: SOLID, DDD и т.п. Хочу, чтобы Действие или запрос сами отслеживали и сообщали своё состояние. Хочу сконцентрироваться на бизнес-логике и писать меньше шаблонного кода. И это возможно, покажу, как это работает на примере. Погнали, если интересно

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

#vue #pinia #tanstack #store #ооп_программирование #solid #ddd #архитектура_фронтенда #typescript #javascript

Как сделать двунаправленный бесконечный скролл в React

Большинство туториалов по бесконечному скроллу покрывают только одно направление: вниз. Ловим конец списка, подгружаем, готово. Но в реальных приложениях нужен скролл в обе стороны: история чата, лог-вьюеры, таймлайны. А скролл вверх создаёт проблему, которой при скролле вниз просто нет. В этом гайде я покажу, как собрать двунаправленный бесконечный скролл с нуля. Здесь React и @tanstack/react-virtual , но сама техника — просто математика над scroll offset. Работает так же в Vue, Svelte или на ванильном JS. Демо | Исходный код

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

#react #javascript #typescript #frontend #виртуализация #infinite_scroll #бесконечный_скролл #tanstack #performance #оптимизация

Single Flight Mutations in TanStack Start: Part 2

https://fed.brid.gy/r/https://frontendmasters.com/blog/single-flight-mutations-in-tanstack-start-part-2/