Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Mastering React Native
  • Toc
  • feedback
Mastering React Native

Mastering React Native

3.8 (9)
close
Mastering React Native

Mastering React Native

3.8 (9)

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 (13 chapters)
close
4
4. Starting our Project with React Native Components

Advanced navigation with NavigationExperimental


While the navigation we implemented in the previous section is rather simple, the navigational structure of our entire application is actually less so. Not only do we navigate between the intro and home screens, but we also navigate between tabs and show modals for individual articles. With this in mind, where do we go to find out exactly where a user is in the application?

The answer to this question currently is that there is no one place to look. The navigational state is stored within the Navigator component, the HomeScreen component, and within the NewsFeed components. As our application gets larger, this opaque and disparate method of storing navigational state will become increasingly painful.

Our goal in this section is to use the components and utilities of the NavigationExperimental API to extract this navigational state from components and insert it into our Redux store. In doing so we'll need to remove Navigator and refactor HomeScreen...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete