Examples

Browse the RSG 2.0 SDK example apps, from the minimal baseline app to focus management, grids, ads, runtime APIs, and the full component showcase.

• Baseline app example: Sample app: the starting point generated by rk create
• Baseline app example (pipeline test): Sample app with every pipeline extension hook wired up
• Anchor node example: Sample app for the anchor node pattern
• Extends example (focus and key handling with anchor nodes): Sample app for focus and key handling with extended BrightScript components
• Dynamic component example (@roku-sdk/solid): Sample app for runtime-selected rendering in SolidJS
• Class transpilation example: Sample app for TypeScript classes on Hermes
• Pitfalls example: Sample app that pairs each SolidJS pitfall with a fix
• Focus boundary example apps: Sample apps for FocusBoundary and useFocusable
• Focus boundary SG components example: Sample app: FocusBoundary with SceneGraph components
• Focus boundary SG tree example: Sample app: FocusBoundary in a mixed BrightScript and TypeScript tree
• FocusableGroup example: Sample app for FocusableGroup patterns
• KeyHandler example: Sample app for scoped key handling and key bubbling
• FlexGrid example apps: How the FlexGrid sample apps are organized
• FlexGrid example: Showcase: FlexGrid sample app: the Showcase grid
• FlexGrid example: Cowboy TV: FlexGrid sample app with a poster grid
• FlexGrid example: Fantasy TV: FlexGrid sample app with custom strategies and plugins
• Pooled item row example: Sample app for pooled row scrolling with GPU animation
• Slideshow example: Sample app with eager, focus, pooled, and virtual configurations
• ChannelStore signup/signin example: Sample app for signup and sign-in flows with ChannelStore
• Ads example: Sample app for CSAS, CSAI, and SSAI ad integration
• Runtime showcase example: Sample app: a catalog of runtime API calls you can try
• Stack decoder examples: Sample code for decoding stacks with bundled source maps
• Master sample example: Sample app: feed, grid, details, and video playback
• Two cowboys example: Sample app with a component fields diagram, built to compare both approaches
• Showcase example: Sample app: a gallery of @roku-sdk/components
• Showcase app: complete catalog: Catalog of the components and features the Showcase app demonstrates
• Showcase app: AI reference map: Index of reusable code in the Showcase app