Packt+ | Advance your knowledge in tech

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React Native By Example

You're reading from React Native By Example

Product type Book

Published in Apr 2017

Publisher Packt

ISBN-13 9781786464750

Pages 414 pages

Edition 1st Edition

Languages

Concepts

Cross Platform Mobile Development

Author (1):

Richard Kho

Table of Contents (17) Chapters

Title Page

Credits

Foreword

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

1. First Project - Creating a Basic To-Do List App

2. Advanced Functionality and Styling the To-Do List App

3. Our Second Project - The Budgeting App

4. Advanced Functionality with the Expenses App

5. Third Project - The Facebook Client

6. Advanced Facebook App Functionality

7. Redux

8. Deploying Your Applications

9. Additional React Native Components

Using ActivityIndicator

The ActivityIndicator component displays a circular loading indicator that lets you visualize a loading action for the user. It's helpful for the overall user experience since your users shouldn't feel like their actions aren't accomplishing their intentions.

The two ActivityIndicator props we will use in this app are as follows:

animating: This is a Boolean that either shows or hides the component. It defaults to true.
size: This is the physical size of the component. On iOS, your options are one of two strings: small and large. On Android, in addition to those two strings, you can pass it a number. This prop defaults to small.

We should modify our app to show this ActivityIndicator when data hasn't been loaded from the Graph API.

Let's modify the App component so that it conditionally renders the ActivityIndicator component when data has not yet been saved into the feed property of the App component's state.

The solution I came up with is as follows:

// Friends/app/App...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $15.99/month. Cancel anytime}

Authors (1)

Richard Kho

Richard Kho is a software engineer living in San Francisco. He taught himself how to code in 2014 and has lived a past life as a photographer and cinematographer. He currently works for Capital One and has taught software engineers at Hack Reactor in the past. Richard is also a technical advisor to Code Chrysalis, an advanced software engineering immersive in Tokyo.

See other products by Richard Kho

Other recommended products

Related to this chapter

Mastering React Native

Mastering React Native

Do you want to build robust applications using React Native? Mastering React Native will help you do just this by showing you how to manage data using Redux and Redux middleware, apply animations in your applications, and more!

Jan 2017 16 hours 32 minutes

React Native - Building Mobile Apps with JavaScript

React Native - Building Mobile Apps with JavaScript

The emergence of React Native has made creating mobile apps in JavaScript easier for developers. This book introduces you to the React Native framework and the mobile apps development process. It starts with how React Native fits into the world of hybrid apps, and why it’s a popular framework. You’ll learn how React Native works under the hood--compiling JavaScript to Native code to bridge JavaScript and native apps. Also, you’ll learn how to write React Native components and use the ReactJS way of structuring your app. Understand how to use the industry standard Redux architecture as well as MobX--a newly emerging approach for state management--making your apps more robust and scalable.

Aug 2017 14 hours 28 minutes

React: Cross-Platform Application Development with React Native

React: Cross-Platform Application Development with React Native

With React Native, you can build native mobile apps that are much more powerful, interactive, and faster by using JavaScript. React Native helps web and mobile developers to build cross-platform apps at a high level. This book takes you through four projects to help understand of the framework and build mobile apps with native user experience.

Mar 2018 6 hours 4 minutes

React Native Cookbook

React Native Cookbook

React Native is perfect for creating mobile applications with maximized code reusability and cost saving. With this practical solutions guide by your side, you can build amazing UIs, tackle mobile development-related issues, and build high-performance apps for mobile environments.

Jan 2019 19 hours 44 minutes

React Native Blueprints

React Native Blueprints

Considering the success of React framework, Facebook has recently introduced a new mobile development methodology named React Native. With React Native on board, you’ll be able to build native mobile applications using JavaScript, making much more powerful, faster, and more interactive applications. React Native is a game-changing approach to hybrid mobile development. This project-based guide takes you through 8 projects to help you gain a sound understanding of the framework when it comes to building mobile apps with native user experience.

Nov 2017 11 hours 32 minutes

React and React Native

React and React Native

Learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Sep 2018 18 hours 0 minutes

React and React Native

React and React Native

Discover and learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Mar 2017 16 hours 40 minutes

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

Dec 2019 15 hours 48 minutes

Hands-On Design Patterns with React Native

Hands-On Design Patterns with React Native

React Native has changed the mobile business by enabling JavaScript developers to write cross-platform native codes conveniently. This book focuses on effective design patterns in React Native with real-life examples. The end goal is to help readers with techniques and patterns to make React Native development easy and efficient.

Sep 2018 10 hours 4 minutes

React and React Native

React and React Native

Discover and learn how to use React and React Native to build mobile, desktop and web apps. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Apr 2020 17 hours 32 minutes

Personalised recommendations for you

Based on your interests and search pattern

Elevate SwiftUI Skills by Building Projects

Elevate SwiftUI Skills by Building Projects

Elevate SwiftUI skills by building projects is a project-based guide for Swift programmers to create interactive and fun projects by making the most of SwiftUI. Throughout the book, you’ll build four engaging projects, exploring the impressive cross-platform UI framework and building apps for Apple Watch, iPhone, iPad, and macOS.

Sep 2023 8 hours 56 minutes

The Immersive Metaverse Playbook for Business Leaders

The Immersive Metaverse Playbook for Business Leaders

This book explains what the metaverse is and why it is of utmost value to business decision-makers. The chapters help you get a solid understanding of the concepts and roles that augmented reality and virtual reality play, along with providing information on metaverse technologies, as well as thought-provoking consumer and enterprise use cases.

Nov 2023 15 hours 16 minutes