react-resource-view

react-resource-view An architecture diagram generated by Archify. Your application · React 19, any router · Architecture component Your application React 19, any router ports.tsx · navigation, routing, locale · react-resource-view · configurePorts() ports.tsx navigation, routing, locale configurePorts() routes.ts · generateLink, parseLink · react-resource-view routes.ts generateLink, parseLink resource-registry · one module-level registry · Architecture component · createViewResource() resource-registry one module-level registry createViewResource() ResourceViewProvider · entry point · react-resource-view ResourceViewProvider entry point ViewResourceContext · fetch, filter, selection · react-resource-view ViewResourceContext fetch, filter, selection jsonld-repository · http or localStorage · Architecture component jsonld-repository http or localStorage JSON-LD / Hydra API · API Platform · Architecture component JSON-LD / Hydra API API Platform Scope · scoped resources and menus · react-resource-view Scope scoped resources and menus CRUD views · list, read, create, update, delete · react-resource-view CRUD views list, read, create, update, delete react-data-form · form and formFilter · Architecture component react-data-form form and formFilter List variants · table, card, split, calendar, timeline · react-resource-view List variants table, card, split, calendar, timeline renders the view tree wires its router in path or query mode parses the URL back resolved params ScopeProvider findResource() read, create, update, remove HTTP, JSON-LD the view of the current action layout kept in the URL form state and validation react-resource-view Legend Frontend Backend Database Cloud Security External

Declare

  • • createViewResource() registers a resource once, in a module-level registry
  • • configurePorts() hands the views a router, a routing mode and a date locale
  • • A resource with no path falls back to a localStorage repository

Resolve

  • • The URL carries scope, resource, action, id and filters, in the path or in the query
  • • resolveViewResourceContext() turns them into a resource and its view
  • • The layout the reader picks is written back to the URL

Fetch

  • • One request per context change; a response arriving late is dropped
  • • Only the rows are written back, so a filter chosen meanwhile survives
  • • behavior.eventSourced subscribes to the Mercure topic and refetches