~/talk

Moving from a React SPA to Next

TalkinCzechat FrontKon 2024 · on Wednesday, 2024-10-09· [react, frontend-architecture]
links:none on file
slides:none on file

A practical case study of migrating a long-running React single-page application to Next.js, using Server Components, server-side rendering (SSR), and other Next features. Includes concrete code examples, comparisons and benchmarks showing performance of the original SPA versus the new Next implementation.

AI-written summary · about

  1. 0:00React SPA to Next
  2. 3:07Early mistakes and changes
  3. 5:19Server components mindset
  4. 7:26Rewriting page as package
  5. 9:32Codegen for types
  6. 10:59Server Actions in practice
  7. 13:51Package changes redesign
  8. 15:35Transition results metrics
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.