Basic Clip list

clip/ClipElement.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+export default class ClipElement extends React.Component<any, any> {
+
+    constructor(props: any) {
+        super(props);
+    }
+
+    render(): JSX.Element {
+        return <View>
+            <Text>{this.props.title}</Text>
+        </View>;
+    }
+}

clip/ClipList.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import ClipElement from './ClipElement';
+
+export default class ClipList extends React.Component<any, any> {
+
+    constructor(props: any) {
+        super(props);
+    }
+
+    createClipElement(title: string): JSX.Element {
+        return <ClipElement title={title} />;
+    }
+
+    render(): JSX.Element {
+        return <ScrollView>
+            {this.props.clips.map((entry: any) => this.createClipElement(entry.title))}
+        </ScrollView>;
+    }
+}