Loading Navigation menu

View on github or contact Syntapse

Entity CRUD with server persistence

Component uses RTK EntityAdapters to manage collections, see library manager for relational data demo

This component can be initialised using Redux in the browser, or mounted and populated by a React Server Component

This component was initialised by React Server Component props injection!

Click here for client side fetching. Once loaded Redux takes over and it works exactly the same!

Data fetching on the server has many advtanges including improved security

Save changes to persist to backend (max 10 records)

User details (enter id and Select to highlight and CRUD)

EntityAdapter Users

Enter id and Show User to update

No users available

Other RSC tests

Page level Server Component

This count increments on each page load indicating that the server component is not cached 0

Client Component

Nested Server Component

This block demonstrates nested SuspenseWithSpinner boundaries. These will not reload on HMR

Component 1

Component 1-1

Component 1-2

Component 2

Component 2-2

Component 3

Component 4