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
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