This is the mobile application repo for a React Native app fully integrated with a WordPress back-end (for user authentication via JWT and data synchronization).
Read the tutorial (7 articles in French) »
This React Native app is a demo concept developed for demonstration purpose. It is made to store a list of favorite beers, create new beers and delete beers and synchronize them with the WordPress database.
To see the WordPress plugin in charge of intercepting AJAX requests and synchronizing data, visit the beerkip-wp repo.
- Download the Android .apk and install the app.
- You can login by using the
beerkiplogin andbeerkippassword to browse, create or edit your own beers.
- User authentication is done with the help of the JWT Authentication for WP REST API plugin by Enrique Chavez.
- Once logged in, you can access your list of favorites beers.
- You can use a form to create a new beer.
- Data synchronization (push and pull) is fully integrated with a WordPress back-end (repo is here).
This app is using React Native v0.60. To install it and use it locally :
- Clone this repo.
- Run
npm installto install dependencies. - Launch your emulator/connect your device and run
react-native run-android.
Note: the iOS links have not been set up, you might need to create them properly to make it work on iPhone devices.
You'll find a total of (at least) 7 branches on this repo, each branch being related to a specific article tutorial on my blog.
- set up screens navigation and basic screens with react-navigation
- create our Redux store and make it persistent in the smartphone local storage with redux-persist
- set up basic login and beer creation forms using redux-form
- add fields validation to these forms
- create a repeatable field in the beer reation form
- implement the user authentication logic on the login form, integrated with WordPress
- synchronize beers data with the WordPress database (sending new data / receiving existing data)