diff --git a/Week-2/Task-2/thob/notes.md b/Week-2/Task-2/thob/notes.md index e69de29..e4ad8b8 100644 --- a/Week-2/Task-2/thob/notes.md +++ b/Week-2/Task-2/thob/notes.md @@ -0,0 +1,22 @@ +# Thob Builder Notes: Task 2 - Texture Switcher + +## Overview +Implemented a planetary texture switcher (Earth/Moon) using a `RadioGroup` for the UI and the built-in `MaterialVariant` system for texture swapping. + +## Visual Observations +- **Texture Resolution**: The builder handles texture mapping on a sphere smoothly. +- **UI Interaction**: Using a `RadioGroup` feels more natural for a configurator pattern compared to a single toggle button. + +## Technical Observations (Console Logs) +During development in the builder, several warnings and errors were observed: +- **404 Errors**: `GET https://builder.thob.studio/builder/... 404 (Not Found)`. +- **Method Registration**: `GetBindingData... method already registered`. This appears repeatedly in the logs during the preview phase. +- **Hydration Warnings**: `No HydrateFallback element provided to render during initial hydration`. +- **Component State**: `undefined is changing from uncontrolled to controlled`. This suggests a potential issue in how the builder manages internal component state when switching variants via `RadioGroup`. + +## Builder Workflow +- **Node Hierarchy**: The UI was structured using a `RadioGroup` -> `For` loop -> `RadioGroupItem` layout, demonstrating high-level UI component support in the builder. +- **State Linking**: Connecting the `RadioGroup` selection to the `MaterialVariant` property was straightforward in the properties panel. + +## Conclusion +The Thob Builder's `RadioGroup` component is a strong candidate for professional configurators. The process of linking textures to UI elements is intuitive and requires zero code. However, the runtime console warnings should be investigated to ensure production stability.