UI Components in the JSS React Native sample app

UI components in an application built with the Sitecore JavaScript Rendering SDK (JSS) for React Native are no different from any other React Native component, except that they are dynamically added inside a Placeholder component that provides them with the fields property.

import React from 'react';
import { View } from 'react-native';
import { Text } from '@sitecore-jss/sitecore-jss-react-native';

const Welcome = ({ fields }) => (
  <View>
    <Text field={fields.title} />
  </View>
);

export default Welcome;

Although the Welcome component is written as a stateless functional component because there is no internal component state or need for lifecycle methods, you can also use the ES6 class syntax and extend from React.Component. JSS does not place any limitations on the usage of normal React Native conventions.