Moderne React Pattern in der Praxis

Nils Hartmann | @nilshartmann

Repository

Remote: https://github.com/nilshartmann/moderne-react-pattern-workshop

Slides

Online: https://react.schule/wjax-2024-workshop

Nils Hartmann

https://nilshartmann.net / @nilshartmann

Freiberuflicher Software-Entwickler, Berater und Trainer aus Hamburg

Java | JavaScript, TypeScript | React | GraphQL

https://graphql.schule/video-kurs

https://reactbuch.de

### Agenda
* Teil 1: Single-Page-Anwendungen
  * [Typsicheres Routing mit TanStack Router](#/t-tanstack-router)
  * [Modernes Data Fetching mit TanStack Query und Suspense](#/t-tanstack-query)

* Teil 2: [Fullstack-Anwendungen mit React](#/t-nextjs)
  * Asynchrone React Server Components
  * Server Functions

* Eure Fragen, Diskussionen: **jederzeit**
---
## React 19

* [React 19 Release Candidate](https://react.dev/blog/2024/04/25/react-19) ist bereits Ende April erschienen
  * **Nicht** enthalten ist der React **Compiler**, der wird wohl später nachgeliefert
* Das ["Suspense Drama"](https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts) verhindert seitdem die finale Version 😢
* Außerdem ist [React 18.3](https://react.dev/blog/2024/04/25/react-19-upgrade-guide#react-18-3) erschienen, das die Migration vorbereiten soll
---
## Demo-Anwendung

* http://localhost:8099
---
## Repository

* Den Code, den ich schreibe, committe ich ab und zu und pushe ihn auf den Branch `wjax-2024`
* Dann habt ihr den im Nachgang noch zum Nachschauen
* Dafür lass ich dann lieber ein paar Slides aus 😉

Geschafft! 😊

Vielen Dank für Eure Teilnahme!

Viel Spaß und Erfolg mit React und Next.js!

Wenn ihr noch Fragen habt, könnt ihr mich erreichen:

Mail: nils@nilshartmann.net

Web: https://nilshartmann.net

Blue Sky: nilshartmann.bsky.social

Mastodon: norden.social/@nilshartmann

Weitere Kontaktdaten: https://nilshartmann.net/kontakt