React Native - Building Mobile Apps with JavaScript

Your go-to guide to creating truly native iOS and Android mobile applications using React and JavaScript
Preview in Mapt

React Native - Building Mobile Apps with JavaScript

Vladimir Novick

2 customer reviews
Your go-to guide to creating truly native iOS and Android mobile applications using React and JavaScript

Quick links: > What will you learn?> Table of content> Product reviews

Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$29.99 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


React Native - Building Mobile Apps with JavaScript Book Cover
React Native - Building Mobile Apps with JavaScript
$ 35.99
$ 25.20
JavaScript by Example Book Cover
JavaScript by Example
$ 27.99
$ 19.60
Buy 2 for $35.00
Save $28.98
Add to Cart

Book Details

ISBN 139781787282537
Paperback434 pages

Book Description

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.

The mobile native world can be intimidating, with lots of platform-specific APIs. In this book, you’ll learn about the most important APIs with help of the real-world examples. You’ll also learn about the community packages that can help speed up your development. The book explains how to use these packages with JavaScript code, include native modules in your application, and write the modules yourself. Throughout the book, you will see examples of WhatsApp, Instagram, and YouTube apps and learn how to recreate them. You’ll also learn debugging and testing techniques, authentication, dealing with real data, and much more.

At the end we will walk through design to production process of Twitter app clone and will explain application release process to App Store and Play Store

Table of Contents

Chapter 1: Understanding Why React Native is the Future of Mobile Apps
What is React Native?
How the React Native bridge from JavaScript to Native world works?
The benefits of React Native
Summary
Chapter 2: Working with React Native
Setting up an environment for developing iOS and Android apps
Creating your application
Introduction to JSX and how it's used in React Native
Stateful versus presentational components
React lifecycle methods
Structuring React Native apps and their resemblance to HTML
The folder structure
Summary
Chapter 3: Getting Familiar with React Native Components
Platform-independent components
Basic components
Basic user interaction
Getting feedback from your application
Dealing with lists of data
Embedding web content
Handling user input
Platform-dependent components
DatePickerIOS
Progress bars
Additional controls
Platform-specific navigation
Navigation in React Native
Summary
Chapter 4: Debugging and Testing React Native
Debugging your React Native apps
Remote debugging
Logging
Inspecting React Native components
Testing
Introduction to the Jest testing framework
Snapshot testing your React Native components
Working with functions
Mocking modules
Summary
Chapter 5: Bringing the Power of Flexbox to the Native World
Flexbox styling concepts and techniques
Laying out our app
Best practices and techniques for styling your React Native applications
Summary
Chapter 6: Animating React Native Components
Understanding animations
How animation works
Using Animated API for complex animations
Animated functions
Combining several animations to create complex sequences
Summary
Chapter 7: Authenticating Your App and Fetching Data
Getting familiar with Firebase
Managing permissions
Writing data to Firebase
Fetching data in React Native
Setting up authentication at Firebase
Creating functional Login and Sign Up screens
Authenticating via social providers
Summary
Chapter 8: Implementing a Flux Architecture with Redux or MobX
What is Flux architecture?
Redux concepts and usage
Connecting Redux to your app
Using redux-thunk for async actions
Mobx- a functional reactive Flux implementation
Connecting MobX to our app
Summary
Chapter 9: Understanding Supported APIs and How to Use Them
Linking libraries and APIs with native code
Getting familiar with a list of native APIs covered by React Native
Retrieving and saving photos with CameraRoll API
Getting your exact location with GeoLocation API
Learning about persistence with AsyncStorage API
Responding to user gestures with PanResponder
Summary
Chapter 10: Working with External Modules in React Native
Diving deeper into react-navigation
The best open source packages to use
Writing your own Native modules
Integrating React Native with the existing apps
Summary
Chapter 11: Understanding Application Development Workflow by Recreating Twitter
Defining your application requirements
Defining your application architecture using a desired design
Setting up functional navigation and a wireframe for your application
Mock data and style application screens including animations
Bringing Redux or MobX to your application and moving data mocks to a centralized state
Using the Twitter API to work with real data
Summary
Chapter 12: Deploying Your App to App Store or Google Play
Deploying iOS apps and how it's done in React Native
Deploying Android apps and how it's done in React Native
Introducing fastlane - automate your deployment workflow
Get to know Microsoft CodePush and integrate it with your application
Summary

What You Will Learn

  • Understand how React Native works under the hood and what makes it an ultimate choice for app development for lots of businesses.
  • Create real world native apps with complex animations and styles
  • Get familiar with important IOS and Android native APIs and access them using React Native
  • Learn authentication techniques and how to connect your app to a real data by using Firebase or your own server
  • Get familiar with lots of community packages considered as industry standard
  • Walk through the whole app development workflow by creating Twitter app clone from design to deployment.
  • Understand application release process to the Apple App Store and Google’s Play Store

Authors

Table of Contents

Chapter 1: Understanding Why React Native is the Future of Mobile Apps
What is React Native?
How the React Native bridge from JavaScript to Native world works?
The benefits of React Native
Summary
Chapter 2: Working with React Native
Setting up an environment for developing iOS and Android apps
Creating your application
Introduction to JSX and how it's used in React Native
Stateful versus presentational components
React lifecycle methods
Structuring React Native apps and their resemblance to HTML
The folder structure
Summary
Chapter 3: Getting Familiar with React Native Components
Platform-independent components
Basic components
Basic user interaction
Getting feedback from your application
Dealing with lists of data
Embedding web content
Handling user input
Platform-dependent components
DatePickerIOS
Progress bars
Additional controls
Platform-specific navigation
Navigation in React Native
Summary
Chapter 4: Debugging and Testing React Native
Debugging your React Native apps
Remote debugging
Logging
Inspecting React Native components
Testing
Introduction to the Jest testing framework
Snapshot testing your React Native components
Working with functions
Mocking modules
Summary
Chapter 5: Bringing the Power of Flexbox to the Native World
Flexbox styling concepts and techniques
Laying out our app
Best practices and techniques for styling your React Native applications
Summary
Chapter 6: Animating React Native Components
Understanding animations
How animation works
Using Animated API for complex animations
Animated functions
Combining several animations to create complex sequences
Summary
Chapter 7: Authenticating Your App and Fetching Data
Getting familiar with Firebase
Managing permissions
Writing data to Firebase
Fetching data in React Native
Setting up authentication at Firebase
Creating functional Login and Sign Up screens
Authenticating via social providers
Summary
Chapter 8: Implementing a Flux Architecture with Redux or MobX
What is Flux architecture?
Redux concepts and usage
Connecting Redux to your app
Using redux-thunk for async actions
Mobx- a functional reactive Flux implementation
Connecting MobX to our app
Summary
Chapter 9: Understanding Supported APIs and How to Use Them
Linking libraries and APIs with native code
Getting familiar with a list of native APIs covered by React Native
Retrieving and saving photos with CameraRoll API
Getting your exact location with GeoLocation API
Learning about persistence with AsyncStorage API
Responding to user gestures with PanResponder
Summary
Chapter 10: Working with External Modules in React Native
Diving deeper into react-navigation
The best open source packages to use
Writing your own Native modules
Integrating React Native with the existing apps
Summary
Chapter 11: Understanding Application Development Workflow by Recreating Twitter
Defining your application requirements
Defining your application architecture using a desired design
Setting up functional navigation and a wireframe for your application
Mock data and style application screens including animations
Bringing Redux or MobX to your application and moving data mocks to a centralized state
Using the Twitter API to work with real data
Summary
Chapter 12: Deploying Your App to App Store or Google Play
Deploying iOS apps and how it's done in React Native
Deploying Android apps and how it's done in React Native
Introducing fastlane - automate your deployment workflow
Get to know Microsoft CodePush and integrate it with your application
Summary

Book Details

ISBN 139781787282537
Paperback434 pages
Read More
From 2 reviews

Read More Reviews

Recommended for You

JavaScript by Example Book Cover
JavaScript by Example
$ 27.99
$ 19.60
Data Science Algorithms in a Week Book Cover
Data Science Algorithms in a Week
$ 31.99
$ 22.40
UX Design for Mobile Book Cover
UX Design for Mobile
$ 31.99
$ 22.40
React Native Blueprints Book Cover
React Native Blueprints
$ 35.99
$ 25.20
Building Web and Mobile ArcGIS Server Applications with JavaScript - Second Edition Book Cover
Building Web and Mobile ArcGIS Server Applications with JavaScript - Second Edition
$ 39.99
$ 28.00
JavaScript Choice Made Easy - Angular v. React v. Vue [Video] Book Cover
JavaScript Choice Made Easy - Angular v. React v. Vue [Video]
$ 124.99
$ 106.25