React Native Blueprints by Martinez, Emilio Rodriguez -- Read -- Imperial Library of Trantor

Index

Preface

What this book covers What you need for this book Who this book is for Conventions Reader feedback Customer support

Downloading the example code Downloading the color images of this book Errata Piracy Questions

Shopping List

Overview Setting up our project Setting up the folder structure Adding a Navigation component Styling our app with NativeBase Building the ShoppingList screen

Adding state to our screen Adding event handlers Putting it all together

Building the AddProduct screen

Using AsyncStorage

Adding state to our screen

Adding event listeners Putting it all together

Installing and distributing the app

Testflight Diawi Installr

Summary

RSS Reader

Overview Setting up the folder structure

Adding dependencies Using vector icons

Managing our state with MobX

The store

Setting up the store Defining actions

Networking in React Native

Creating our app's entry point Building the FeedsList screen

Adding event handlers

Building the AddFeed screen

ActivityIndicator

Building the FeedDetail screen Building the EntryDetail screen Summary

Car Booking App

Overview Setting up the folder structure

Files and folders created by React Native's CLI

__tests__/ android/ and ios/ node_modules/ Files in the root folder

react-native link

Running the app in the simulator

The developer menu

Creating our app's entry point

Adding images to our app

LocationSearch

Aligning elements

LocationPin

flexDirection Dimensions Shadows

ClassSelection

Adding custom fonts Animations

ConfirmationModal Summary

Image Sharing App

Overview Setting up the folder structure Redux ImagesList Gallery Header ActivityIndicator Camera MyImages ImageGrid Actions Reducers API Summary

Guitar Tuner

Overview Setting up the folder structure Writing the native module index.ios.js

utils

Tuner Strings Adding an icon Adding a launch screen Disabling the landscape mode Summary

Messaging App

Overview Firebase

Real-time database

Reading data from Firebase's database Updating data in Firebase's database

Authentication

Setting up the folder structure Users store Chats store Push notifications using Firebase Login Chats ListItem Chat Search Profile Summary

Game

Overview Sprites

Numbers Background Ground Rocks Parrot The home screen Game over screen

Setting up the folder structure GameContainer Actions Reducer The sprites module

The sprites array prepareNewRockSizes() getRockProps() moveSprites() bounceParrot() checkForCollision() getUpdatedScore()

Constants Parrot RockUp and RockDown Ground Score Start GameOver StartAgain Summary

E-Commerce App

Overview Setting up the folder structure Linting and code formatting Indexes and main files Reducers API ProductList ProductDetail MyCart Payment PaymentConfirmation MyProfile LoginOrRegister

← Prev
Back
Next →

← Prev
Back
Next →