Book Image

Mastering React Native

Book Image

Mastering React Native

Overview of this book

React Native has completely revolutionized mobile development by empowering JavaScript developers to build world-class mobile apps that run natively on mobile platforms. This book will show you how to apply JavaScript and other front-end skills to build cross-platform React Native applications for iOS and Android using a single codebase. This book will provide you with all the React Native building blocks necessary to become an expert. We’ll give you a brief explanation of the numerous native components and APIs that come bundled with React Native including Images, Views, ListViews, WebViews, and much more. You will learn to utilize form inputs in React Native. You’ll get an overview of Facebook’s Flux data architecture and then apply Redux to manage data with a remote API. You will also learn to animate different parts of your application, as well as routing using React Native’s navigation APIs. By the end of the book, you will be able to build cutting-edge applications using the React Native framework.
Table of Contents (20 chapters)
Mastering React Native
Credits
Disclaimer
About the Authors
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Creating our first React Native app


If you're fairly well versed in navigating the terminal, go ahead and cd into whichever directory you plan to place your code. We'll be putting this project on our desktop. You can always move it later if wish.Enter the following into the terminal:

cd ~/Desktop

Then type the following:

react-native init HelloWorld.

This uses the React Native CLI we installed earlier to create a directory called HelloWorld. It then downloads all the necessary dependencies needed to create our first React Native app. Downloading these assets should only take a few minutes if you're on a reasonably fast Internet connection. Once it's done installing, you should see something like the following in your terminal:

Now back in your terminal, run the following:

cd HelloWord

Then type the following:

open .

This will open up a new Finder window in your HelloWorld directory, as shown in the following screenshot:

Open the ios folder and then open HelloWorld.xcodeproject in Xcode, as...