Convert your WordPress Website into a react native app
- Description
- Curriculum
- FAQ
- Reviews
React Native is an excellent tool for building both android and ios apps with the same codebase. For web developers, it can be even more suitable to build mobile apps as it is mainly based on Javascript. WordPress has also made it easier by providing the built-in REST API.
So if you are having a WordPress website with basic Javascript knowledge and you want to create a mobile app for the website, this course would be for you.
If you have no Javascript knowledge or you don’t want to dig much through coding, this course provides a readymade template that you can use along with a WordPress plugin to create your app.
In this course you will learn:
-
How to set up the Expo environment to test your app
-
How to use React Native to build the front-end of your app
-
React Native main components
-
Fetching the data from WordPress REST API to our app
-
React basics as functional components and passing props
-
React hooks as useState, useEffect, and useContext
-
How to add a React custom component
-
Use React Navigation package to adjust tabs or drawer menus or go from a screen to another
-
Enable or disable the dark mode based on user preference
-
Store app settings in the device and then get them using AsyncStorage
-
Styling the app and customizing the style based on the device dimensions or platform
-
Debugging errors
-
Publishing the app to Expo and deploying it to the stores
-
6Fetching the posts from WordPres REST APIVideo lesson
-
7Show the first post on the app with useState HookVideo lesson
-
8Minor fix: Adjust Prettier to VSCodeVideo lesson
-
9Displaying a set of posts by mapping the posts arrayVideo lesson
-
10Adding Featured Image to post Thumbnail and minor fixesVideo lesson
-
11SafeAreaView and adjusting some stylesVideo lesson
-
12Scrolling the posts on the app screenVideo lesson
-
13Fetching new posts on scrolling to the bottomVideo lesson
-
14Showing the Loading Icon (ActivityIndicator) while FetchingVideo lesson
-
15Introduction to React NavigationVideo lesson
-
16Setting Up the Navigator and all posts screenVideo lesson
-
17Create a screen for each single postVideo lesson
-
18Getting the posts related to a specific categoryVideo lesson
-
19A bit of refactoring and custom componentsVideo lesson
-
20Adjusting the navigation headerVideo lesson
-
21Configure search screen and search functionalityVideo lesson
-
22Adding the settings screen in tab navigatorVideo lesson
-
23Adding drawer Navigator and more header adjustmentsVideo lesson
-
24Add pages and tags screen from the drawer navigatorVideo lesson
-
25Adjust tab navigator with drawer navigator and minor fixesVideo lesson
-
26Adjusting settings screen and adding dark mode settingsVideo lesson
-
27Use React context API to change the colors in the app from the settings screenVideo lesson
-
28Adjusting colors for the App (part 1)Video lesson
-
29Adjust dark mode for app components (Part 2)Video lesson
-
30Configure the app dark mode based on device preferenceVideo lesson
-
31Save the app setting and use it with AsyncStorageVideo lesson
-
32Adjust the dark mode for the status barVideo lesson

External Links May Contain Affiliate Links read more