fbpx

React Native WordPress App [Free Ebook]

this book aim to create how to build app step by step that help your learn how to build App for serve content from WordPress API with React native using Flatlist then create Bookmark with AsyncStorage also create contact us with Firebase and trigger with cloud function to pass message your Gmail inbox , handle dark theme easily with react native dark mode then go offline with react native netinfo and final catch up with add  splash screen
 

Subscribe for get free ebook

* indicates required

Chapter 1 : Setup environment

In this chapter, we are going to learn how to setup the optimal environment in order to develop, run, and deploy app for both Android and iOS platforms.

Chapter 2 : React Navigation v4

Here, we will learn how to bootstrap bottom tab navigator in react native.

We will also learn how to fix issue when componentDidMount does not trigger when changing the tabs.

We will also learn how to add react native vector icons.

Chatpter 3 : HomeScreen

In this chapter, we will start implementing Home screen. We start with pulling data from WordPress API to Flatlist.

Then, we learn to customize Flatlist item with react native paper. Then, we learn to activate pull to refresh and load more features.

Chapter 4: Single post 

Here, we will learn to implement the overall UI of Single article post to display all the contents of an article from the WordPress API.

 

Chapter 5: Share

In this chapter, we will learn how to add the share button and make it functionable. This is going to be short and sweet chapter.

Chapter 6 : Bookmark

Here, we will learn how to implement the bookmark button in the SinglePost screen using the AsyncStorage. We will learn how to add and remove the bookmarks in any article.

Then, we will also display the bookmarked articles in the Bookmark Screen.

Chapter 7 : Categories

Here, we will implement the UI for the categories screen which will display the list of categories from the WordPress API.

We are also going to set up the navigation to Category List screen which will display the article post list based on particular category.

Chapter 8: Contact Us

Here, we are going to configure the Settings and Contact screens. The contact screen is for submitting simple message to Firebase Realtime database and then use Firebase Cloud Function send this message to inbox.

Lastly, we will also configure the limitation of sending the message to the database.

Chapter 9 : Dark Theme

Here, we will learn how to add Dark Mode to app using hidden feature on react navigation and react native paper. 

We will also learn how to manually switch the theme from dark to normal and vice-versa using the app button toggle. Then, we will also configure the automatic switching of theme when changing the theme in the device itself.

Chapter 10 : Offline handle

Here, we are going to learn how to handle the loss of connectivity using the offline mode.

We are going to cache the data for the offline mode and use the netinfo package to get the connection data from the device. If online, we are going to cache the latest data. And then, display the same data in the offline mode.

Chapter 11: Splash Screen

Here, we are going to implement the Splash screen for both iOS and Android platform. We are going to make various configurations in the Xcode for iOS and Android native files for Android in order to make the Splash screen work.

We are also going to learn about using react-native-splash-screen package.

[coming soon] Chapter 12: embed Admob

embed any type of ad to app for help generate another revenue stream with admob

[Coming soon] Chapter 13: Deploy to Store 

we are going to release and deploy our apps to the iOS App store and Google Play store.

[ Coming soon ] Chapter 14: Push Notification for iOS and Android

we use WordPress Hook send new post payload message to Firebase cloud function endpoint then query token from realtime database then spread notification message for all user