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

Understanding our HelloWorld app


This is great. We've got the app running in our simulator. Sure, it required a little bit of work to install the necessary tools, but the good news is that the only thing we'll need to do from this point forward is run the react-native init AppName command whenever we wish to create a new app. All our tools are installed and we're ready to start developing. But before we get into the meat and potatoes of React Native, let's quickly take a look at what exactly the React Native CLI provided us. Open up package.json in your text editor of choice. I'm using Atom (https://atom.io/) as shown in the following screenshot:

I want to call your attention to dependencies section. Here, you should only see two items listed: react and react-native. At the time of writing, React Native is at stable version 0.35.0. Given the pace of updates to React Native, yours is likely newer. That's fine. Just keep your version in mind when seeking out help with React Native questions...