React Native Blueprints

Table of contents

1. Preface
   1. What this book covers
   2. What you need for this book
   3. Who this book is for
   4. Conventions
   5. Reader feedback
   6. Customer support
      1. Downloading the example code
      2. Downloading the color images of this book
      3. Errata
      4. Piracy
      5. Questions
2. Shopping List
   1. Overview
   2. Setting up our project
   3. Setting up the folder structure
   4. Adding a Navigation component
   5. Styling our app with NativeBase
   6. Building the ShoppingList screen
      1. Adding state to our screen
      2. Adding event handlers 
      3. Putting it all together
   7. Building the AddProduct screen
      1. Using AsyncStorage
         1. Adding state to our screen
      2. Adding event listeners
      3. Putting it all together
   8. Installing and distributing the app
      1. Testflight
      2. Diawi
      3. Installr
   9. Summary
3. RSS Reader
   1. Overview
   2. Setting up the folder structure
      1. Adding dependencies
      2. Using vector icons
   3. Managing our state with MobX
      1. The store
   4. Setting up the store
   5. Defining actions
      1. Networking in React Native
   6. Creating our app's entry point
   7. Building the FeedsList screen
      1. Adding event handlers
   8. Building the AddFeed screen
      1. ActivityIndicator
   9. Building the FeedDetail screen
   10. Building the EntryDetail screen
   11. Summary
4. Car Booking App
   1. Overview
   2. Setting up the folder structure
      1. Files and folders created by React Native's CLI
         1. __tests__/
         2. android/ and ios/
         3. node_modules/
         4. Files in the root folder
      2. react-native link
   3. Running the app in the simulator
      1. The developer menu
   4. Creating our app's entry point
      1. Adding images to our app
   5. LocationSearch
      1. Aligning elements
   6. LocationPin
      1. flexDirection
      2. Dimensions
      3. Shadows
   7. ClassSelection
      1. Adding custom fonts
      2. Animations
   8. ConfirmationModal
   9. Summary
5. Image Sharing App
   1. Overview
   2. Setting up the folder structure
   3. Redux
   4. ImagesList
   5. Gallery
   6. Header
   7. ActivityIndicator
   8. Camera
   9. MyImages
   10. ImageGrid
   11. Actions
   12. Reducers
   13. API
   14. Summary
6. Guitar Tuner
   1. Overview
   2. Setting up the folder structure
   3. Writing the native module
   4. index.ios.js
      1. utils
   5. Tuner
   6. Strings
   7. Adding an icon
   8. Adding a launch screen
   9. Disabling the landscape mode
   10. Summary
7. Messaging App
   1. Overview
   2. Firebase
      1. Real-time database
         1. Reading data from Firebase's database
         2. Updating data in Firebase's database
      2. Authentication
   3. Setting up the folder structure
   4. Users store
   5. Chats store
   6. Push notifications using Firebase
   7. Login
   8. Chats
   9. ListItem
   10. Chat
   11. Search
   12. Profile
   13. Summary
8. Game
   1. Overview
   2. Sprites
      1. Numbers
      2. Background
      3. Ground
      4. Rocks
      5. Parrot
      6. The home screen
      7. Game over screen
   3. Setting up the folder structure
   4. GameContainer
   5. Actions
   6. Reducer
   7. The sprites module
      1. The sprites array
      2. prepareNewRockSizes()
      3. getRockProps()
      4. moveSprites()
      5. bounceParrot()
      6. checkForCollision()
      7. getUpdatedScore()
   8. Constants
   9. Parrot
   10. RockUp and RockDown
   11. Ground
   12. Score
   13. Start
   14. GameOver
   15. StartAgain
   16. Summary
9. E-Commerce App
   1. Overview
   2. Setting up the folder structure
   3. Linting and code formatting
   4. Indexes and main files
   5. Reducers
   6. API
   7. ProductList
   8. ProductDetail
   9. MyCart
   10. Payment
   11. PaymentConfirmation
   12. MyProfile
   13. LoginOrRegister
       1. Login
   14. Register
   15. Sales
   16. Summary