Shared State Between Multiple Frameworks
How can you share state between React.JS, Svelte.JS, Solid.JS, Vue.JS, and more? TanStack Query maintainer Aryan Deora will show us how he does it with Query + Astro.
00:00:00 - Welcome
00:00:44 - Who is Aryan Deora?
00:04:54 - How do you view the industry as someone newer to it?
00:12:33 - How do you share state between frameworks?
00:16:47 - Getting started
00:27:06 - Is that it? That was too easy!
00:29:08 - Using TanStack Query
00:36:36 - Keeping things reactive
00:44:52 - Using the Pokedex kitchen sink example
00:56:42 - 4 frameworks all sharing queries
01:02:31 - Create a proxy of the query client for Vue
01:08:35 - Achieving SSR
01:17:51 - Where should people go to learn more?
Repo: https://github.com/ardeora/astro-tanstack-lwj
Demo: https://lwj.aryandeora.com/
Links
https://www.learnwithjason.dev/smooth-page-transitions-with-astro-and-the-shared-element-transition-api
https://twitter.com/aryan__deora
https://tanstack.com/
https://github.com/nanostores/nanostores
https://www.learnwithjason.dev/tanstack-query-v4
https://tkdodo.eu/blog/react-query-data-transformation #data-transformation
https://tlinz.com/discord
https://www.learnwithjason.dev/schedule
https://www.learnwithjason.dev/what-is-edge-computing
Watch future episodes live at https://twitch.tv/jlengstorf
This episode was sponsored by:
- Netlify (https://lwj.dev/netlify)
- Nx (https://lwj.dev/nx)
- Backlight (https://lwj.dev/backlight)
- Pluralsight (https://lwj.dev/pluralsight)
Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/)
Credits:
Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/)
Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012
Artist: http://incompetech.com/
Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/)
Artist: http://audionautix.com/
Additional sound effects obtained from https://www.zapsplat.com
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Shared State Between Multiple Frameworks», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.