Fullstack React Native: Create beautiful mobile apps with JavaScript and React Native

✍ Scribed by Devin Abbott, Houssein Djirdeh, Anthony Accomazzo, Sophia Shoemaker

• Publisher: Independently published
• Year: 2019
• Tongue: English
• Leaves: 552
• Edition: 5
• Category: Library

✦ Synopsis

Master React Native with Fullstack React Native

The up-to-date, in-depth, complete guide to React Native.

Create beautiful mobile apps with JavaScript and React

Deliver high quality mobile apps, at light speed.

Building the same app in both Swift and Java is time-consuming. With React Native, you can release a native app on both iOS and Android from a single codebase.

Do you or your team already know JavaScript?

Leverage your existing knowledge to build world class mobile applications.

The React Native ecosystem is evolving fast. Get started on the right foot.

With such an active community and so many updates, it feels impossible to know what's best and what's just noise. We cover the latest React Native version and best practices so you can develop with confidence.

What You'll Build

When you buy Fullstack React Native, you're not buying just a book, but dozens of code examples. Every chapter in the book comes with a complete project that uses the concepts in the chapter and provides support for both iOS (including iPhone X screens) & Android.

• A Weather App - Get your feet wet with React Native by building a weather app allows the user to input their location and grabs weather data from a third party API.
• A Time Tracker - Brush up on your core React knowledge and build a time tracking app.
• A Messaging App - Understand how to use the core React Native APIs like Geolocation, CameraRoll, Keyboard, NetInfo and much more through completing a messaging app
• An Instagram Clone - Learn how to style your app, manage user input, add comments and display photos from Unsplash
• A Contacts App - Learn how to use Navigation: a major piece of any mobile application with multiple screens
• A Puzzle Game - Learn how to achieve smooth animations that render at 60 frames-per-second (fps)

FAQ

How long is the book?

The book has 11 chapters totaling 670 pages, several sample apps totaling over 1000+ lines of code (JavaScript/JSX, non-comment lines).

Do I have to know React?

Nope! We've written the book so that it can be used even if you aren't familiar with React. Although, if you'd like to learn React in depth, checkout our other book Fullstack React

Do I have to know JavaScript?

Yes, we assume you know the basics of the language. But you don't need to be completely up-to-date: we teach the latest language features in case you're not familiar with them.

However, this book teaches React Native from the ground up and you can use it even if you've never written a mobile app before.

✦ Table of Contents

Table of Contents
Book Revision
Bug Reports
Be notified of updates via Twitter
We'd love to hear from you!
Introduction
About This Book
Running Code Examples
Code Blocks and Context
Getting Help
Emailing Us
Getting Started with React Native
Weather App
Starting the project
Expo
Components
Custom components
Summary
React Fundamentals
Breaking the app into components
7 step process
Step 2: Build a static version of the app
Step 3: Determine what should be stateful
Step 4: Determine in which component each piece of state should live
Step 5: Hardcode initial states
Step 6: Add inverse data flow
Updating timers
Deleting timers
Adding timing functionality
Add start and stop functionality
Methodology review
Core Components, Part 1
What are components?
Building an Instagram clone
View
StyleSheet
Text
TouchableOpacity
Image
ActivityIndicator
FlatList
Core Components, Part 2
TextInput
ScrollView
Modal
Core APIs, Part 1
Building a messaging app
Initializing the project
The app
Network connectivity indicator
The message list
Toolbar
Geolocation
Input Method Editor (IME)
Core APIs, Part 2
The keyboard
We're Done!
Navigation
Navigation in React Native
Contact List
Starting the project
Container and Presentational components
Contacts
Profile
React Navigation
Stack navigation
Tab navigation
Drawer navigation
Sharing state between screens
Deep Linking
Summary
Animation
Animation challenges
Building a puzzle game
App
Building the Start screen
Building the Game screen
Summary
Gestures
Building the board
Gesture Responder System
PanResponder
Draggable component
Finishing the game
We're Done!
Native Modules
What are native modules?
Building a native module
Development environment
Initializing the project
iOS
Android
JavaScript
Building and publishing
How to read this chapter
Building
Building with Expo
iOS
Android
Handling Updates
Summary
Appendix
JavaScript Versions
ES2015
ReactElement
Handling Events in React Native
Publishing with Expo
Changelog