as

Settings
Sign out
Notifications
Alexa
Amazon Appstore
AWS
Documentation
Support
Contact Us
My Cases
Get Started
Design and Develop
Publish
Reference
Support

Part 1: Introduction

In this part of the lab, you will be building a single screen, basic app that will serve as a landing screen. This will display a list of videos.

Identify Components

When building apps with React Native for Vega (and React Native), we recommend breaking down our UX into individual components (for more detail, see 'Thinking in React'). Components are a key concept of Reactive design (which is where "React" gets its name). In this project, we can break our landing screen into a Header component and a VideoCard component:

Even if we don't reuse these components, it is a good idea to create them to simplify the code and make it more readable.