Introduction

Welcome to the "Build a Vega Video App" guide. In this guide, you'll learn how to use the Vega SDK to build a simple video app. You will gain hands-on experience with the following:

• Vega Development Environment (Vega Virtual Device (simulator), VSCode)
• React Native key concepts (Reactive Design via Components, JSX, Layouts, State/Props)
• Library Integration (Video Player, Navigation)

While experience with ReactJS and React Native is beneficial, you can still complete the guide without this experience. We will include references to various React/React Native documentation throughout the guide. We also recommend reading through the React Native Overview section for additional information on React Native for Vega.

This guide is divided into two parts:

1. Part 1: You'll create a single screen app that will serve as a Landing Screen. This screen will fetch a list of videos from an API, categorise and render them.

1. Part 2: You will learn about React Navigation and create a more scalable and maintainable folder structure. You'll extend the app by adding a VideoPlayerScreen that launches your Player of choice for playback and a VideoDetailScreen that shows more information about the Video.