Share E-Book
Scan to open this page

Scan with your phone to open this page

Author: Akshat Paul, Abhishek Nalwaya

Rating No ratings yet

Develop native iOS and Android apps with ease using React Native. Learn by doing through an example-driven approach, and have a substantial running app at the end of each chapter. This second edition is fully updated to include ES7 (ECMAScript 7), the latest version of React Native (including Redux), and development on Android. You will start by setting up React Native and exploring the anatomy of React Native apps. You'll then move on to Redux data flow, how it differs from flux, and how you can include it in your React Native project to solve state management differently and efficiently. You will also learn how to boost your development by including popular packages developed by the React Native community that will help you write less; do more. Finally, you'll learn to how write test cases using Jest and submit your application to the App Store. React Native challenges the status quo of native iOS and Android development with revolutionary components, asynchronous execution, unique methods for touch handling, and much more. This book reveals the the path-breaking concepts of React.js and acquaints you with the React way of thinking so you can learn to create stunning user interfaces. What You'll Learn Build stunning iOS and Android applications Understand the Redux design pattern and use it in your project Interact with iOS and android device capabilities such as addressbook, camera, GPS and more with your apps Test and launch your application to the App Store Who This Book Is For Anyone with JavaScript experience who wants to build native mobile applications but dreads the thought of programming in Objective-C or Java. Developers who have experience with JavaScript but are new or not acquainted to React Native or ReactJS.

AI Reading Assistant

Whole-book reading guide from stratified index samples; jump to passages in the text

AI guide
【One-Line Pitch】 A hands-on, example-driven guide that takes JavaScript developers from React fundamentals to a working cross-platform mobile app, covering Redux state management, native device features, testing, and app store submission. Best suited for developers who know JavaScript but want to build native iOS and Android apps without learning Objective-C or Java. 【Book Arc】 - **Opening (~0%–15%)**: Establishes the React foundation—virtual DOM, diffing, components, state, and props—then sets up the React Native toolchain and walks through a first "Hello World" app, solving the problem of orienting readers who know JavaScript but not the React way of thinking. - **Early (~15%–35%)**: Moves from Expo-based scaffolding to ejecting into native Xcode/Android Studio projects, explaining how React Native differs from hybrid and JavaScript-to-native approaches (separate layout threads, JavaScriptCore), and introduces Flux and Redux as a solution to state management at scale. - **Middle (~35%–55%)**: Builds the running HouseShare app—Redux integration with actions, reducers, and a single store; UI work with react-navigation, NavigatorIOS, Flexbox layout, images, and touch handling—turning concepts into a functioning multi-screen interface. - **Late (~55%–85%)**: Expands beyond the core framework into community packages, native device capabilities (camera, GPS, address book) via the Native Bridge, and testing with Jest, snapshot testing, and Flow type checking. (Excerpts do not detail the exact chapter boundaries here.) - **Ending (~85%–100%)**: Covers beta testing and distribution, creating iOS and Android builds, submitting to the Apple App Store and Google Play Store, and points readers toward popular libraries and community resources for continued learning. 【Book Arc】 - **Opening (~0%–15%)**: React fundamentals and environment setup—virtual DOM, components, and a first React Native app. - **Early (~15%–35%)**: Ejecting from Expo, understanding React Native's architecture, and the case for Flux/Redux. - **Middle (~35%–55%)**: Redux in practice plus UI construction—navigation, Flexbox, images, and touchable components. - **Late (~55%–85%)**: Community packages, native device access through the Native Bridge, and testing with Jest and Flow. - **Ending (~85%–100%)**: Build creation, beta testing, and App Store/Google Play submission, plus where to go next. 【Key Takeaways】 - **React's virtual DOM and diffing algorithm are the conceptual core** (Opening): Understanding how React tracks state changes and minimizes manual DOM manipulation is the prerequisite for everything that follows in React Native. - **React Native is architecturally distinct from hybrid and JavaScript-to-native approaches** (Early): It runs layouts on separate threads and uses JavaScriptCore to bridge JavaScript and native code, which is why animations and UI rendering stay smooth—a key mental model for performance decisions. - **Redux solves state management at scale where MVC and Flux become unwieldy** (Early–Middle): The book contrasts MVC's growth problems with Flux's dispatcher/store model, then shows Redux's single store, actions, reducers, and `combineReducers()` in a working Todo example. - **Ejecting from Expo is a deliberate trade-off** (Early): Expo enables rapid device testing without SDKs, but ejection unlocks Xcode and Android Studio—necessary for native builds and understanding the project anatomy. - **Flexbox is the layout system for React Native UIs** (Middle): `flexDirection` and `flex` ratios control child flow and sizing, and mastering them is essential for responsive screens across device sizes. - **Navigation is handled by community and platform-specific tools** (Middle): react-navigation provides cross-platform routing with history, gestures, and animations, while NavigatorIOS offers iOS-only UIKit navigation with back-swipe support. - **The Native Bridge unlocks device capabilities** (Late): When a JavaScript library doesn't exist for a native API, writing a bridge lets your app access camera, GPS, address book, and other platform features. - **Testing and distribution are part of the development lifecycle** (Late–Ending): Jest, snapshot testing, and Flow type checking catch issues before beta testing and build creation for App Store and Google Play submission. 【Reading Tips】 - **Deep-read Chapters 1–3** if you're new to React or Redux; the virtual DOM and Flux/Redux contrast are foundational and repay careful attention. - **Skim the setup and ejection sections** if you're already comfortable with React Native tooling—the Expo-to-Xcode/Android Studio transition is mechanical once you've done it once. - **Follow the HouseShare app build hands-on**; the book is explicitly example-driven, and typing the code (rather than reading it) is where the concepts stick. - **Treat the testing and distribution chapters as reference**—return to them when you're actually preparing a release rather than reading linearly. - **Watch for version drift**: the second edition targets ES7 and a specific React Native version; expect some commands and package versions to have moved on since publication. 【Coverage Limits】 The excerpts cover the book's structure, early chapters, and key themes well, but do not detail the exact content of the native device, testing, and distribution chapters beyond their stated scope. Specific code examples, chapter titles, and later-chapter depth are only partially represented.
Excerpt 1
ut dreads the thought of programming in Objective-C or Java. Developers who have experience with JavaScript but are new or not acquainted to React Native or...
View in text
Excerpt 2
hapter 1 Learning the BasiCs: a WhistLe-stop tour of reaCt render() { return ( <div> <input id="text" onChange={this.handleChange} value={this.state.text} <b...
View in text
Excerpt 3
 3- 2). Figure 3-2. MVC pattern for a large application Wow! That is an explosion of arrows. Welcome to the real world where many models and views interact w...
View in text
Excerpt 4
takes a route configuration object and because it returns a React component, we can use this in the App component. It provides a way for your app to transiti...
View in text
Excerpt 5
106 Chapter 5 exploring DeviCe Capabilities Figure 5-3. MapView with added parameters Displaying the Latitude and Longitude of  the Current Location In this...
View in text
Excerpt 6
.catch((error) => { console.log(error) } Here, we have created a constructor that sets the initial state for the dataSource property as null. This is the pro...
View in text
Excerpt 7
r testing or to distribute applications to actual users on the Apple App Store, you must first create and pay for an Apple Developer Account. An individual d...
View in text
Excerpt 8
managing dates in JavaScript, which is something you will always stumble on when developing an application. See https://momentjs.com/. 229 Index A C Alert me...
View in text
Tags
AI categories
MobileJavaScriptProgramming
ISBN: 1484244540
Publisher: Apress
Publish Year: 2019
Language: English
Pages: 243
File Format: PDF
File Size: 6.5 MB
Text Preview (First 20 pages)
Registered users can read the full content for free

Register as a Gaohf Library member to read the complete e-book online for free and enjoy a better reading experience.

Generating text preview…