The React Native StyleSheet class used to style the application UI is similar to the Cascading Style Sheets (CSS) used on the Web.

It doesnt have the drawbacks typically associated with a hybrid HTML5 app.

React App Code Once And

Its goal isnt to write the code once and run it on any platform.

The goal is to learn-once (the React way) and write-anywhere.

This tutorial will guide you through every step and provide resources where you can learn more.

React App Install The Required

Follow the instructions for your system to make sure you install the required versions.

Then install Node.js by executing the following in Terminal.

Its like having Android Studio do a build each time you save your file.

Run the following command as Administrator (Right-click on Command Prompt and select Run as Administrator).

In your terminal (Terminal or Command Prompt or shell) type.

Make sure you can successfully run an Android app on an emulator.

If you do close it by mistake, simply run the following in terminal.

I use Sublime Text, which is a cheap and versatile editor, but Atom, Brackets or any other lightweight editor will do the job.

This is roughly equivalent to importing libraries in Android.

It also uses whats called a destructuring assignment to bring in the Component object.

Destructuring lets you extract multiple object properties and assign them to variables using a single statement.

React Native uses a tool called Babel to automatically translate modern JavaScript into compatible legacy JavaScript where necessary.

The export default class modifier makes the class public, allowing it to be used in other files.

Components contain immutable properties, mutable state variables and expose a method for rendering.

Your current application is quite simple and only requires a render method.

The framework takes care of transforming the tree of React components into the required native UI.

If youve done any web development before, youll probably recognize those property names.