Migrate from #Nextjs to #TanStack Start

https://tanstack.com/start/latest/docs/framework/react/migrate-from-next-js

In case you're wondering, I can confirm no "Full Stack React Framework" has good enough DX to actually be usable for both interactivity and data-fetching. TanStack Start included.

#nextjs #tanstack #react #dev

Was leckere Donuts 🍩 mit cremiger Frontendentwicklung 🍮 und fluffigem React 🧁 zu tun haben, erfahrt ihr heute bei "Dev & Donuts" in #Mannheim. 😋

Infos: https://yasoon.de/dev-donuts/

#devanddonuts #Nextjs #techtalk #React #TanStack

Moin #EnterJS! Vielen Dank für eure Teilnahme an meinem Talk über das #TanStack #React Ökosystem mit Query-, Router- und Fullstack-Beispiel.

Slides und Beispielcode mit Live-Coding-Ergebnis findet ihr hier: https://react.schule/enterjs2025

Viel Spaß noch auf der Konferenz und bis zum nächsten Mal!

#ejs25

Moin! 👋 Heute startet die #EnterJS und ich bin morgen mit einem Talk über #React bzw. konkret #TanStack (Query, Router, Start) dabei. Freue mich darüber und viele andere interessante Themen mit euch zu schnacken.

#ejs25

Kevin Van Cott hosts a Workshop on Modern React Architectures July 23rd at Nebraska.Code().

https://nebraskacode.amegala.com/

#modernreact #reactarchitecture #react #technologyworkshop #Nebraska #TechnologyConference #nextjs #reactremix #tanstack #reactstart #astro #SinglePageApplications #StaticSiteGeneration #ServerSideRendering #reactservercomponents #Nebraska

Für heise developer habe ich einen Artikel über die von mir sehr geschätzten #React Bibliotheken #TanStack Router und Query geschrieben.

Den ersten Teil findet ihr hier: https://nilshartmann.net/a/react-deep-dive-tan-stack-router-und-tan-stack-query-teil-1-heise-developer

Viel Spaß beim Lesen... und wie immer freue ich mich über euer Feedback 😊

Join @aurorascharff and me at the Future Frontend this coming May. See NextJS's server-first approach vs. TanStack Start's client-first approach meta-frameworks in a head-to-head comparison. #TanStack #Vercel #React #Frontend

Hallo #React-Fans!

Am Dienstag, 25.2., gebe ich euch - und zwar online, live und in Farbe - eine Einführung in #TanStack Router und Query. Das Event findet zur Verlängerung der Mittagspause um 14 Uhr bei entwickler.de statt.

Weitere Infos: https://entwickler.de/live-events/mastering-react-with-tanstack-query-and-tanstack-router/

#TanStack 是 #React 佬的 #Astro

How to Use TanStack Router: A Modern, Type-Safe Router for React https://jsdev.space/howto/tanstack-router/ #javascript #react #tanstack

Introducing TanStack Start

https://fed.brid.gy/r/https://frontendmasters.com/blog/introducing-tanstack-start/

What is TanStack?

#TanStack is a collection of #JavaScript libraries that provide convenient tools for common problems when building a web application, such as data fetching and caching, client-side routing, state management and more.

They're also working on a full-stack React framework called 'TanStack Start', which is currently in beta. It will include SSR, Streaming, Server functions, bundling (Vite) and more.

https://tanstack.com/

#react #framework #webapp

Letzter #React Kundenworkshop für dieses Jahr abgeschlossen 🎉

Organisiert von #Gedoplan in luftiger Lage in Berlin, gab es drei Tage #slideless "React für fortgeschrittene", u.a. mit React (19), #TanStack Router und Query.

Wenn du selbst Interesse an einem Workshop hast, melde dich gerne.

Thanks all for attending my talk on #TanStack #Router and #Query at #iJS in Munich.

You can find Slides and Source Code here: https://nilshartmann.net/t/modern-react-clientside-spas-with-tan-stack-query-and-tan-stack-router-i-js-2024

Happy SPA'ing and see you next time 😊

#React

Heute haben wir einen Blick zurück und nach vorne in der Entwicklung von #React auf der @jaxcon geworfen. Vielen Dank für euer großes Interesse! 😊

Slides und Beispiel-Code findet ihr hier: https://react.schule/wjax-2024-react

Bis zum nächsten Mal 👋

#WJAX #Webdevelopment #TanStack

Headless, boneless, skinless & lifeless UI

• 🧩 Four key #UI abstraction patterns revolutionizing #frontend development:
• 💻 #headless UI: Components with functionality + minimal styling (e.g., #HeadlessUI, #ArkUI)
• 🎨 #boneless UI: Style systems without markup (e.g., #Tailwind, #Bulma)
• 🦴 #skinless UI: Functioning components without styles (e.g., #ReactAria)
• 🔄 #lifeless UI: Typesafe hooks without rendering (e.g., #TanStack, #FloatingUI)

Each approach offers unique benefits for building custom design systems and application logic.

Covers popular tools like #HeadlessUI, #Tailwind, #ReactAria, and #TanStack.

Learn more: https://nerdy.dev/headless-boneless-and-skinless-ui

https://www.dhiwise.com/post/react-router-vstanstack-router-a-detailed-comparison - a comparison between #React Router and #TanStack Router. Nice post Sanket Shah.

Web devs keep introducing new frameworks and changes to make sure current ai never becomes capable of replacing them 😄

#NextJS15 #React19 #React #NextJS #Svelte5 #Svelte #Remix #Tanstack #MillionLint #SolidJS #Angular #AngularSignals #Qwik #Vue #VueJS

#TanStack I might be the only one, but the Router seems to swallow errors in lazy routes and serve the cache.
This has been a major source of grief today.