React Native: How to split a file up into multiple files and import them?

Question

I am writing my first app in react native and my js file is getting pretty big. What is the proper way to split the file up.

If i have something like

var MyClass = React.createClass({
  ...
})

Can I save it at myclass.js and include in by some command in another js file?

Answer 1

In general you can do the following:

var MyClass = React.createClass({
    ...
)}

module.exports = MyClass;

This way you tell what should be publicly available.

And then, in your former big file you can load the contents like this:

var MyClass = require('./myclass.js');

Require returns the object that references the value of module.exports.