Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying React Native By Example
  • Table Of Contents Toc
  • Feedback & Rating feedback
React Native By Example

React Native By Example

By : Kho
3.7 (3)
Buy this Book
close
close
React Native By Example

React Native By Example

3.7 (3)
By: Kho
Buy this Book

Overview of this book

React Native's ability to build performant mobile applications with JavaScript has resulted in its popularity amongst developers. Developers now have the luxury to create incredible mobile experiences that look and feel native to their platforms with the comfort of a well-known language and the popular React.js library. This book will show you how to build your own native mobile applications for the iOS and Android platforms while leveraging the finesse and simplicity of JavaScript and React. Throughout the book you will build three projects, each of increasing complexity. You will also link up with the third-party Facebook SDK, convert an app to support the Redux architecture, and learn the process involved in making your apps available for sale on the iOS App Store and Google Play. At the end of this book, you will have learned and implemented a wide breadth of core APIs and components found in the React Native framework that are necessary in creating great mobile experiences.
Table of Contents (10 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
First Project - Creating a Basic To-Do List App
Icon
First Project - Creating a Basic To-Do List App
Icon
Initializing a new project
Icon
Feature planning
Icon
Project architecture
Icon
StyleSheet
Icon
Flexbox
Icon
Writing in ES6
Icon
Building the app
Icon
ListView
Icon
Creating the TasksList component
Icon
Linking TasksList to index
Icon
The iOS Simulator Developer menu
Icon
TextInput
Icon
AsyncStorage
Icon
Custom RenderRow component
Icon
Prop validation in React
Icon
Moving beyond MVP
Icon
Summary
2
Advanced Functionality and Styling the To-Do List App
Icon
Advanced Functionality and Styling the To-Do List App
Icon
Navigator and NavigatorIOS
Icon
Using DatePickerIOS
Icon
Using onLayout
Icon
Button
Icon
Switch
Icon
Save button
Icon
TasksListCell modifications
Icon
Navigator
Icon
Platform
Icon
DatePickerAndroid and TimePickerAndroid
Icon
Saving updates
Icon
BackAndroid
Icon
Summary
3
Our Second Project - The Budgeting App
Icon
Our Second Project - The Budgeting App
Icon
Getting started
Icon
Folder structure
Icon
The EnterBudget component
Icon
The AddExpenses container and modal
Icon
Displaying the current month's expenses
Icon
Summary
4
Advanced Functionality with the Expenses App
Icon
Advanced Functionality with the Expenses App
Icon
Using vector icons
Icon
Picker
Icon
Updating App.js with ProgressViewIOS
Icon
A view for prior months' expenses
Icon
The previous month's expenses
Icon
Implementing TabBarIOS
Icon
Deleting expenses
Icon
Summary
5
Third Project - The Facebook Client
Icon
Third Project - The Facebook Client
Icon
Planning the app
Icon
About the Facebook API
Icon
Obtaining Facebook API credentials
Icon
Installing the Facebook SDK on iOS and Android
Icon
Logging in with the Facebook SDK
Icon
Using the Facebook Graph API
Icon
Creating a login prompt
Icon
Optimizing for the API
Icon
Using ActivityIndicator
Icon
Creating a standard ListView
Icon
Summary
6
Advanced Facebook App Functionality
Icon
Advanced Facebook App Functionality
Icon
Creating a PostView
Icon
Reloading data with RefreshControl
Icon
Rendering images
Icon
Rendering links with WebView
Icon
Signing out with TabBarIOS
Icon
Porting to Android
Icon
Summary
7
Redux
Icon
Redux
Icon
Introducing Redux
Icon
Planning the Redux conversion
Icon
Creating the entry point
Icon
Converting EditTasks to Redux
Icon
Summary
8
Deploying Your Applications
Icon
Deploying Your Applications
Icon
Basic requirements
Icon
Creating developer memberships
Icon
Making your app look great
Icon
Summary
9
Additional React Native Components
chevron up
Icon
Additional React Native Components
Icon
Setting up a boilerplate project
Icon
Making Fetch happen
Icon
Vibration
Icon
Using ActionSheetIOS
Icon
Grabbing user geolocation data
Icon
Expenses for Android
Icon
Android modifications
Icon
Summary

Expenses for Android

In Chapter 4, Advanced Functionality with the Expenses App, we completed building the iOS version of Expenses, our budget tracking application. Due to the page count of the chapter, I thought it would be best to place the Android portion at the end of this chapter instead.

This section picks up immediately from where we left off at the end of Chapter 4, Advanced Functionality with the Expenses App.

Note

An example code for the Android version of Expenses can still be found in the code repository for Chapter 4, Advanced Functionality with the Expenses App.

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
React Native By Example
End of Section 9
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon