product iamge

Learn By Doing: React Native with Maps

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Download
Search on Amazon

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Are you bored with working through dreary tutorials and reading page after page of dry theoretical content to learn a new technology? What if you had a motivating reason to get through the material? This book gives you just that: a small React Native project that you build from scratch, with enough functionality to keep it interesting. "Learn By Doing: React Native with Maps" introduces you to a number of important React Native development tools and concepts, including navigation, Expo, and Google Maps SDK.

Author(s): Marya Doery
Publisher: Leanpub
Year: 2020

Language: English

Table of Contents
Read This First
Intro To React Native
Getting Started Using react-native-cli
Setting Up Your Environment
Node.js
Development Process
Creating Your First Project
Directory Structure of Your React Native Project
Testing the Default App
The Project Plan
React vs React Native
Hello World in React vs React Native
Ticking Clock in React vs React Native
Fetching a REST API
Mocking a REST API
Fetch the REST API
React Native Picker vs HTML Select
A Word About State, Props, and Lifecycle Methods
Render Method
Component State and setState Method
Component Props
Handling Network Errors
Handling Network Latency
Progress Loader in React Native
React Native Buttons
What Is this
Navigation - Part I
Stick with the Plan
Add the GO Button
Adding React Navigation Packages
Using React Navigation Packages
Running With Navigation
Navigation - Part II
Maps in React Native
Passing Parameters to Routes
Adding a Marker to a Map
Deep Linking to Google Maps
Build an Installable APK
Build an App Using Expo
What is Expo?
Simple Expo App
Movies App Using Expo
Contact Info
Appendix : Installing React Native Maps for Android
Step (0) - npm install
Step (1) - edit settings.gradle if using React Native 0.59 and lower
Step (2) - add build.gradle dependency for React Native 0.59 and lower
Step (3) - edit build.gradle
Step (4) - Google Maps API Key
Step (5) - add import for React Native 0.59 and lower
Step (6) - make sure Google Play Services is installed
What to do if things go wrong
Appendix : Promises
Motivation
Usage
Anonymous Functions and Arrow Functions