App router client server

[webberwang]

• For pages they need use server since metadata, so will always have separation
• In this case we can name page.client.tsx for the client portion

Use container when we need to bind server with client state

• But name the file client since it's a client component, a container would be confusing since it's not a container for the page, but rather the page imports the container

Feature	Container	Connector
Purpose	Manages logic and state while rendering presentational components.	Injects external state (e.g., MobX Keystone services) into presentational components.
Scope	Often tied to a specific feature or page (e.g., UserListContainer.tsx).	A reusable binding layer between services and components (e.g., connectUserList.ts).
State Management	Can manage state internally or use services.	Relies on external state services (e.g., MobX, Redux, GraphQL).
Implementation	A React component (often an observer in MobX).	A function, HOC, or hook that injects dependencies.
Reusability	Typically feature-specific, not always reusable.	Highly reusable across different components.

---

• https://stackoverflow.com/questions/76300847/getting-referenceerror-localstorage-is-not-defined-even-after-adding-use-clien