@scenes-react: Epic follow-up issues & tasks

[torkelo]

Epic with followup tasks following the merging of #734

Fundamentals

• Basic design doc outlining the the approach
• Url sync for objects added and removed from scene graph after initial sync
• Url sync for same scene across page routes
• Transformations @oscarkilhed
• Annotations & data layers (@mdvictor 🏃 React scenes: Annotations support #782)
• Migration / interoperability @torkelo 🏃 ScenesReact: Use new react components and hooks from inside existing EmbeddedScenes  #777

Caching

• Caching of data state (@torkelo 🏃 POC ScenesReact: Cache SceneQueryRunners and other scene object by a key / hashing string #788)
• Caching of viz panel state
• Caching of query variable state (that is not above page routes)

Components

• CustomVariable POC
• CustomVariable more props + test
• QueryVariable + test -- @mdvictor - Add query variable in react-scenes #818
• DataSourceVariable + test -- @mdvictor - ScenesReact: Add datasource variable #820
• LocalValueVariable
• AdHocFiltersVariable
• GroupByVariable
• VizPanel basics
• VizPanel missing props (feat: (scenes-react) - VizPanel add missing props and tests #998)
• VariableSelect
• Rename VariableSelect to VariableControl (ScenesReact: Make useVariableValues generic and rename VariableSelect to VariableControl #778)

Components nice to have

• VizGridLayout (https://github.com/grafana/scenes/blob/main/packages/scenes-react/src/components/VizGridLayout.tsx)
• FlexVizLayout (not critical but helps for standard / common viz layouts & default responsive views)

Hooks

• useSceneQueryRunner + tests
•  useVariableValues + tests
• useTimeRange
•  useVariableValues should be generic (ScenesReact: Make useVariableValues generic and rename VariableSelect to VariableControl #778)
•  useVariableValue hook + test (single value variant) - ScenesReact: Add useVariableValue for single values #821
• useVariableQuery (if your not interested in using a variable as a variable but only the resulting value options) - ScenesReact: Add useQueryVariable hook #822
• useDataTransformer (React scenes: Add useDataTransformer hook #775)

Fix name conflicts

• VizPanel exists in both libs (one scene object other react component)
• CustomVariable exists in both libs

Docs

•  Intro to @grafana/scenes-react
• Variable docs
• Visualization docs
• Using custom scene objects
• Migration

[torkelo]

@axelavargas I removed the assignments, I think it should be clear that anyone can pick up tasks from this epic, just add your name to the task before (and maybe write about it in #wg-scenes)