Repository navigation
Add Performance test via ADBT and Next Step - #1
Conversation
…ing-steps Add performance and streaming workshop steps
There was a problem hiding this comment.
So for this I think the main thing would be to highlight the performance differences between the flashlist and carousel? What do you think?
There was a problem hiding this comment.
Also so far the workshop has been really simple and then we go deep into Perfetto traces etc - can we simplify this?
The goal is just to show the developer how to measure Fluidity & then compare 2 different components so the test is meaningful
There was a problem hiding this comment.
Updated Step 6 to compare the React Native FlatList and Vega Carousel with the UI Fluidity test. I also removed the CPU/Perfetto
| @@ -0,0 +1,155 @@ | |||
| # Step 7: Build a streaming TV experience with an AI prompt | |||
|
|
|||
| In this capstone, you'll use an AI coding assistant to transform the workshop Hello World into a small streaming-style TV app. The result is inspired by the [React Native Multi-TV App Sample](https://github.com/AmazonAppDev/react-native-multi-tv-app-sample), while deliberately keeping the implementation small enough to understand during the workshop. | |||
There was a problem hiding this comment.
Capstone? Id recommend getting the agent to read the other files and keep the same simple language
There was a problem hiding this comment.
Also lets call this next steps and highlight that its a prompt they can play around with the add more features
There was a problem hiding this comment.
Ok, I used capstone as a final project term. I'm ok with next steps, will modify it
There was a problem hiding this comment.
Renamed this section to “Next steps,” simplified the language, and made the prompt an editable starting point for adding more features. The instructions and prompt now tell the coding assistant to read the existing workshop files and follow their simple patterns first.
|
|
||
| This is the same platform-resolution pattern you used for `HeaderLogo`, Lottie, and the movie list, now applied to a more substantial native feature. | ||
|
|
||
| ## 7.5 Validate the code |
There was a problem hiding this comment.
You can use the simple build and run language as per the other steps
There was a problem hiding this comment.
Updated the section to use the same simple Vega Studio play-button and yarn build/run language as the earlier workshop steps, followed by a short interaction checklist.
| - Accessibility and test requirements | ||
| - The commands and interactions that must be validated | ||
|
|
||
| Notice the constraints as well as the requested features. The assistant should not add a remote catalog, a full navigation framework, adaptive HLS/DASH playback, captions, seeking, or media-session integration during this exercise. |
There was a problem hiding this comment.
Removed the architecture tree and most of the new terminology. The section now describes the feature and exercise in the same plain language as the rest of the workshop.
|
Updated the step 6 and 7 to align with the style of the prev steps |
|
|
||
| Vega media configuration | ||
|
|
||
| - The repository uses React Native 0.72 and Vega SDK 0.22. Add |
There was a problem hiding this comment.
the project (multi-tv) is not update to the latest. I'll update the prompt and check if it the result is working
| @@ -0,0 +1,101 @@ | |||
| Work in the current React Native multi-TV monorepo. | |||
There was a problem hiding this comment.
Sorry whats this one Gio? This seems to be what the whole workshop already is no?
There was a problem hiding this comment.
I included the AGENT.md to do what i think this is trying to do? Just have a check
There was a problem hiding this comment.
this prompt is the one shot execution with the agent
| - React Native `FlatList` | ||
| - The Vega Carousel | ||
|
|
||
| You'll run the same UI Fluidity test for both components on a physical Vega device, then compare the results. |
There was a problem hiding this comment.
Why? Id like a little background on why it matters
| | --------- | ------------- | | ||
| | FlatList | | | ||
|
|
||
| ## 6.5 Measure the Vega Carousel |
There was a problem hiding this comment.
Once you can please add screenshots / expected results
Fix starter tooling so type checks, tests, and lint run
Adding 2 more steps to the workshop