React Native By Example

Creating the TasksList component

Going back to the proposed file structure from earlier, your project should look like this:

Let's start by writing our first component--the TasksList module.

The first thing we will need to do is import our dependency on React:

import React, { Component } from 'react'; 

Then, we'll import just the building blocks we need from the React Native (react-native) library:

import {   ListView,   Text } from 'react-native'; 

Now, let's write the component. The syntax for creating a new component in ES6 is as follows:

export default class TasksList extends Component {   ... } 

From here, let's give it a constructor ...